问如何仅插入对象HTMLDivElement？
EN

Stack Overflow用户

提问于 2018-08-13 04:03:51

回答 2查看 0关注 0票数 0

我想在另一个html元素中插入一个htmlnippe。

我试过这个方法

html

<div class="box1">
    insert this html element
</div>
<div class="box2">
  into this
</div>

var box1 = document.querySelectorAll(".box1")[0]; 
var box2 = document.querySelectorAll(".box2")[0];
console.log(box1);
box2.innerHTML = box1;

但是它不起作用，它只是插入对象HTMLDivElement，如果我看一下控制台，它会发出正确的html，我做错了什么？

发布于 2018-08-13 12:47:47

innerHTML不插入DOM节点，只插入字符串。

使用appendChild相反：

var box1 = document.querySelector(".box1"); 
var box2 = document.querySelector(".box2");

box2.appendChild( box1 );

票数 0

发布于 2018-08-13 13:39:20

这应该是可行的：

box2.appendChild(box1);

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/-100005957

复制

相似问题

问如何仅插入对象HTMLDivElement？EN