Question

<div id = "a" >   </div>
<div id ="b">  child  </div>

所以我已经去了两个div，我想得到div＆＃34; b＆＃34;在div＆＃34; a＆＃34; 如果我输入：

document.getElementById("a").innerHTML =  document.getElementById("b").value;

它会给我这个输出

<div id = "a" > child  </div>

但我想要的是

<div id = "a" >  <div id ="b">  child  </div> </div>

Answer 1

尝试appendChild();

document.getElementById('a').appendChild(document.getElementById('b'));

<div id = "a" ></div>
<div id ="b">child</div>

Answer 2

使用元素＆＃39; outerHTML如下：

document.getElementById("a").innerHTML = document.getElementById("b").outerHTML;

Answer 3

在我写这篇文章的时候，其他答案都是这样说的。

运行代码段以查看正在运行的代码...

＆＃13;

setTimeout(function() {
  var a = document.getElementById("a");
  var b = document.getElementById("b");
  a.appendChild(b)
}, 1000)

＆＃13;

.border {
  border: 1px solid black;
  width: 100%;
  max-width: 50px;
  text-align: center;
  margin: 5px 0;
}

.border div{
 width: 80%;
 margin: 5px auto;
}

＆＃13;

<div id="a" class="border">A</div>
<div id="b" class="border">B</div>

＆＃13;

Answer 4

您可以复制标记b以标记复制它outerHTML

document.getElementById("a").innerHTML =  document.getElementById("b").outerHTML;

然后，如果你想删除b标签，请使用

document.getElementById('b').remove();

如何通过调用document.getElementbyId在另一个div中获取div

4 个答案: