Javascript 更新属性答案

【问题标题】：Javascript Update AttributeJavascript 更新属性
【发布时间】：2015-04-16 14:26:41
【问题描述】：

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

我想通过 javascript 更新“数据过滤器”值
我试过这段代码：

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

有人能帮我吗？

【问题讨论】：

gelenText 是一个元素，而不是根据您的代码的字符串。您需要获取该元素的值，然后它应该可以工作。

标签： javascript xcode html attributes

【解决方案1】：

您可以使用dataset 或setAttribute，

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

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

&lt;input type="text" name="araButon" onKeyUp="return arama()" class="form-control filter" data-filter="app" id="focusedInput" /&gt;

【讨论】：

【解决方案2】：

这是你想要做的：

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

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

【讨论】：