How can I add a html unicode onto createTextNode

Question

So I've got a span

<span class="delete-btn">&#x2718;</span>

and am trying to include the HTML unicode for x - ✘ within a textNode -

span.appendChild(document.createTextNode("✘"));

however this simply isn't working. Any ideas?

Answer 1

You can simply use \u2718 :

let span = document.getElementsByClassName('delete-btn')[0];
span.appendChild(document.createTextNode('\u2718'));

<span class="delete-btn">&#x2718;</span>