Почему вместо значка отображается код символа?

Question

Я пытаюсь отобразить значок символа, вставив его десятичный код Unicode в атрибут content псевдокласса css ::before.

Когда я вставляю его непосредственно в 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>