为什么它显示字符代码而不是图标？

Question

我正在尝试通过将符号图标的 unicode 十进制代码粘贴到 css ::before 伪类的 content 属性中来显示符号图标。

当我将它直接插入 html 时，它可以完美运行 <div class="response__info" before-att = "&#11088" after-att = "7.7">.

但是当我用 javascript 做同样的事情时，它会显示代码本身而不是实际的符号 infoElement.setAttribute('before-att', '&#x2b50');

这是我的 CSS

response__info::before{
content: attr(before-att);
}

Answer 1

使用 unicode \u2B50

document.querySelector('.response__info').addEventListener('click', event => event.target.setAttribute('before-att', '\u2B50'))

.response__info::before{
content: attr(before-att);
}

<div class="response__info" before-att = "X">Hello</div>