首頁猿問將HTML字符串附加到DOM

將HTML字符串附加到DOM

JavaScript Html/CSS

胡說叔叔 2019-10-19 14:06:17

如何附加這個HTML字符串var str = 'Just some text here';到具有'test'DOM中ID的DIV ？（順便說一句div.innerHTML += str;是不可接受的。）

查看完整描述

3 回答

慕容3067478

TA貢獻1773條經(jīng)驗獲得超3個贊

這可以接受嗎？

var child = document.createElement('div');

child.innerHTML = str;

child = child.firstChild;

document.getElementById('test').appendChild(child);

jsFiddle。

但是，尼爾的答案是一個更好的解決方案。

反對回復 2019-10-19

慕尼黑8549860

TA貢獻1818條經(jīng)驗獲得超11個贊

這個想法是innerHTML在中間元素上使用，然后將其所有子節(jié)點移動到您真正想要的子節(jié)點appendChild。

var target = document.getElementById('test');

var str = 'Just some text here';

var temp = document.createElement('div');

temp.innerHTML = str;

while (temp.firstChild) {

target.appendChild(temp.firstChild);

}

這樣可以避免清除所有事件處理程序，div#test但仍允許您附加HTML字符串。

反對回復 2019-10-19

關注