Как добавить Юникод строку в HTML через JavaScript?

Question

[Isaac Clark]

Здравствуйте, подскажите пожалуйста.
Символ & в Юникоде равен "&" + "#38;", если я напрямую вписываю его в html:
<div id="div" title="&#38;"></div>
То в итоге я получаю вот такой результат:
<div id="div" title="&"></div>
Все супер! НО!
Если я хочу добавить юникод с помощью js:

var div = document.getElementById('div');
div.setAttribute('title', "&");

То результат получается вот такой:
<div id="div" title="&#38;"></div>
Почему так? Как сделать так, чтоб при добавлении юникода в html с помощью js результат был:
<div id="div" title="&"></div>
Спасибо за помощь и ваше время.

Answer 1

[vgbege]

div.setAttribute('title', "\u0026");

Comments

[Isaac Clark]

С сервера приходит строка, чтобы обезопасить сайт от xss(ведь кто знает, что мне сервер может прислать, это может быть и javascript), который если я вставлю в свой элемент, он же атрибут, то будет ой как не хорошо.
Вот я и хочу закодировать символы, которые будут приходить с сервера и при этом отображаться корректно в атрибутах.
Вывод: строка может быть любая.

[Isaac Clark]

Как вариант, НО!
var hex = '&'.charCodeAt().toString(16); // 26
div.setAttribute('title', "\x" + hex); // error
div.setAttribute('title', "\x26"); // СУПЕР

Как видите, я не могу писать так "\x" + hex сразу ошибка.

[vgbege]

Isaac Clark: честно сказать, задачу так и не понял :)
я не могу писать так "\x" + hex сразу ошибка << это понятно, парсер хочет цифры после \x
для того, чтобы составить строку используя коды символов, есть String.fromCharCode()

[keslo]

Isaac Clark: у вас тут ошибочка закралась: необходимо использовать двойной слэж в выражении "\\x" + hex. Тогда все ок.

[Isaac Clark]

keslo: нет, двойные слеши не подойдут, в итоге в атрибуте я получу строку \x26, а должен получить &

[Isaac Clark]

vgbege: String.fromCharCode() - а можно поподробнее? как с этим делом сделать строку \x26 , если 26 у меня уже заранее известно, то есть получается, что мне нужно сделать строку \x и скокатенировать ее с 26

[vgbege]

Isaac Clark:
div.setAttribute('title', String.fromCharCode(hex));

[Isaac Clark]

vgbege: Какая-то фигня получается...
var hex = '&'.charCodeAt().toString(16);
div.setAttribute('title', String.fromCharCode(hex));
в итоге мне какой-то непонятный символ вставляется в атрибут вместо &

[vgbege]

Isaac Clark:
а, не обратил внимания, что там еще toString(16) было
убрать, значит

[Isaac Clark]

вроде работает! Спасибо!

Answer 2

[keslo]

А нельзя сделать так?

var div = document.getElementById('div');
div.setAttribute('title', "&");

Comments

[Isaac Clark]

нет

[keslo]

Isaac Clark: Возможно говнокод, но у меня вроде как работает jsfiddle.net/keslo/aqykb8p5

[Isaac Clark]

keslo: дело в том, что & я привел только в качестве примера, но на самом деле символ может быть абсолютно любой строкой.