如何通过调用document.getElementById进入另一个Div

Question

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

所以我要去两个Div，我想获得Div" b" in Insidediv" A"如果我输入：

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

使用元素的outerhtml如下：

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

Answer 3

在我写这篇文章的时候，其他答案也是如此。

运行摘要以查看行动中的代码...

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

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

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

Answer 4

您可以复制标签b来标记A outerhhtml

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

然后，如果要删除b标签

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