String with Styles to DOM

add content string

by nickadeemus2002

HTML

<div id="root" class="container">
</div>

JavaScript

var parent = document.getElementsByTagName('div')[0]

// ---- case 1 ---------------

var parser = new DOMParser();
console.log(parser.parseFromString('<p style="color: red">foo <span style="color: blue">bar</span></p>', 'text/html').firstChild.lastChild.lastChild);
var node = parser.parseFromString('<p style="color: red">foo <span style="color: blue">bar</span></p>', 'text/html').lastChild.lastChild.lastChild;
parent.appendChild(node);

// ---- case 2 ---------------

var wrapper= document.createElement('div');
wrapper.innerHTML= '<p style="color: red">foo</p>';
var node2 = wrapper.firstChild;
parent.appendChild(node2);