Javascript更新属性

Question

   <input type="text" name="araButon" onKeyUp="return arama()" class="form-control filter" data-filter="app" id="focusedInput"/>

我想通过 javascript
更新 'data-filter' 值 我试过这段代码：

var gelenText = document.getElementById("focusedInput"); document.getElementById("focusedInput").getAttribute("data-filter")=gelenText.value;

有人能帮我吗？

Answer 1

您可以使用 dataset or setAttribute,

// dataset
document.getElementById('focusedInput').dataset.filter = "test";

// setAttribute
document.getElementById('focusedInput').setAttribute('data-filter', 'test-1');

<input type="text" name="araButon" onKeyUp="return arama()" class="form-control filter" data-filter="app" id="focusedInput" />

Answer 2

这是你想要做的吗：

var focusedInput = document.getElementById("focusedInput");
var dataFilter = focusedInput.getAttribute("data-filter");
focusedInput.value = dataFilter;

https://jsfiddle.net/ha6jy2L9/1/