Javascript 图标统一图标在“时不更新”；“数据图标”；使用setAttribute（）设置

我想制作/替换图标，但“setAttribute”方法似乎不起作用。。我的代码怎么了

关
函数wifiOff（）{
var x=document.getElementById（“t1”）；
if（x.hasAttribute（“数据图标”））{
x、 setAttribute（“数据图标”，“ic:舍入wifi”）；
控制台日志（x）；
}
}

如前所述，在替换完整元素时，图标统一会更新图标

那么，为什么不在点击按钮时使用隐藏和取消隐藏图标呢

我相信下面的例子适合你

.hidden{显示：无；}




关
函数wifiToggle（）{
var t1=document.getElementById（“t1”）；
var t2=document.getElementById（“t2”）；
t1.classList.toggle（“隐藏”）；
t2.类列表。切换（“隐藏”）；
}

Iconify似乎不支持这一点

---

如果您查看Iconify的源代码，您将看到当DOM发生更改时，会收到通知。虽然该API允许通过在observer配置中指定

attributes:true

来观察DOM属性，但是。因此，它不会收到通知，也不会更新图标。

您的代码可以正常工作。我已经更新了你的代码片段。按下按钮，将记录具有新属性的x。嘿，这可能有助于设置属性，但iconify不会更新显示。您应该添加iconify标记，因为问题可能重复：