小编ven*_*raj的帖子

将图标添加到伪元素

我正在尝试通过JavaScript向我的导航(动态更改)添加图标.

这是我的代码(或JSFiddle):

var icon = document.querySelector('#icon');
icon.setAttribute('data-icon', '†');
Run Code Online (Sandbox Code Playgroud)
#icon:after {
  content: attr(data-icon);
}
Run Code Online (Sandbox Code Playgroud)
<div id="icon" data-icon="">
  Icon
</div>
Run Code Online (Sandbox Code Playgroud)

但它不起作用,为什么?尝试data-icon手动编辑属性时,会出现图标.否则只是图标的unicode.

html javascript css unicode

8
推荐指数
1
解决办法
1287
查看次数

标签 统计

css ×1

html ×1

javascript ×1

unicode ×1