javascript - 替代 document.body.innerHTML += htmlstring

Question

我有一个函数可以做到这一点:

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

它工作正常，但它破坏了我对其他 div 的引用(我读到这是因为它再次解析正文)。是否有仅使用 Javascript 的普通替代品？

Answer 1

我可以看到的两种方式

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

这只是

的简写

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

或

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

文档:

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