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

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>

Why it displays character code instead of icon?