为了账号安全,请及时绑定邮箱和手机立即绑定

将HTML字符串附加到DOM

将HTML字符串附加到DOM

胡说叔叔 2019-10-19 14:06:17
如何附加这个HTML字符串var str = '<p>Just some <span>text</span> here</p>';到具有'test'DOM中ID的DIV ?(顺便说一句div.innerHTML += str;是不可接受的。)
查看完整描述

3 回答

?
慕容3067478

TA贡献1773条经验 获得超3个赞

这可以接受吗?


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

child.innerHTML = str;

child = child.firstChild;

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

jsFiddle。


但是,尼尔的答案是一个更好的解决方案。


查看完整回答
反对 回复 2019-10-19
?
慕尼黑8549860

TA贡献1818条经验 获得超11个赞

这个想法是innerHTML在中间元素上使用,然后将其所有子节点移动到您真正想要的子节点appendChild。


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

var str = '<p>Just some <span>text</span> here</p>';


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

temp.innerHTML = str;

while (temp.firstChild) {

  target.appendChild(temp.firstChild);

}

这样可以避免清除所有事件处理程序,div#test但仍允许您附加HTML字符串。


查看完整回答
反对 回复 2019-10-19
  • 3 回答
  • 0 关注
  • 304 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信