在纯javascript中更改数据图标

在纯javascript中更改数据图标,javascript,Javascript,如何在Javascript中更新数据图标属性 document.getElementById("btn").data-icon = "&#xe082"; 这不适用于样式、宽度或其他任何情况。它是一个属性,而对于属性,它是setAttribute() 使用.setAttribute() document.getElementById(“btn”).setAttribute(“数据图标”、“xe082”) 此外,在调用对象时,不能使用-,因为它认为您正在尝试进行减法,除非您像调用obj['

如何在Javascript中更新数据图标属性

document.getElementById("btn").data-icon = "&#xe082";

这不适用于样式、宽度或其他任何情况。

它是一个属性,而对于属性,它是
setAttribute()

使用
.setAttribute()

document.getElementById(“btn”).setAttribute(“数据图标”、“xe082”)

此外,在调用对象时,不能使用
-
,因为它认为您正在尝试进行减法,除非您像调用
obj['key-name']那样调用它

使用
.setAttribute()

document.getElementById("btn").setAttribute("data-icon", "&#xe082");

另外,在调用对象时不能使用
-
,因为它认为您正在尝试减法,除非您像调用
obj['key-name']那样调用它

谢谢,这会做出更改,但不会更改图标,而是显示字符串“”,知道为什么吗?同样,在页面加载时使用相同的字符串加载图标,只是在通过更新时不加载图标JS@wazzaday,我会用它的unicode替代品代替
,例如
\uE00A
你可以用它来查找它,而不是
“”
,使用
“\E082”
document.getElementById("btn").setAttribute("data-icon", "&#xe082");