Add html within textNode in Javascript

Question

var node = document.createTextNode('Hello World');
document.getElementById('main').appendChild(node);

I also want a <br /> between each Hello World

createTextNode is not allowing any html.

Any work around?

<br> is an element, you'd use createElement to create elements, and elements can't exist inside textNodes, that's why they are called textnodes. — adeneo
– adeneo, Commented Jan 28, 2015 at 23:28

aH6y · Accepted Answer · 2015-01-28 23:38:54Z

2

var node = document.createElement('div');
node.innerHTML = 'Hello World<br>';
document.documentElement.appendChild(node);

You can copy this code to your console and see the result immediately

answered Jan 28, 2015 at 23:17

aH6y

4765 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Thanks a lot for this. I was dreading how complicated this was going to get ^_^