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或 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" />