Alternative zu document.body.innerHTML + = htmlstring

Question

ich eine Funktion haben, das dies tut:

document.body.innerHTML += '<div>lorem ipsum</div>'; 

und es funktioniert gut, aber es bricht mir Referenzen von anderen divs (ich habe gelesen, dass dies, weil es analysiert den Körper erneut). Gibt es eine Vanille-Alternative, die nur Javascript verwendet?

Answer 1

Zwei Möglichkeiten, wie ich

document.body.appendChild(document.createElement('div')).app‌​endChild(document.cr‌​eateTextNode('lorem ipsum')) 

sehen kann, welche für

nur eine Abkürzung ist

var div = document.createElement('div'); 
var text = document.createTextNode('lorem ipsum'); 
div.appendChild(text); 
document.body.appendChild('div'); 

oder

document.body.insertAdjacentHTML('beforeEnd', '<div>lorem ipsum</div>'); 

Dokumentation:

• document.createElement
• document.createTextNode
• Node.appendChild
• Element.insertAdjacentHTML

Answer 2

können Sie anhänge es eine anderen div

document.getElementById("demoDiv").innerHTML += '<div>Test 22</div>';

<div>Test</div> 
 
<div id="demoDiv"></div>