javascript - how to get div inside another div by calling document.getElementbyId - Stack Overflow

admin管理员组

文章数量:1399958

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

so i have go two div's here i want to get div"b" inside div"a" if i type:

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

it will give me this output

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

but what i want is

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

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

so i have go two div's here i want to get div"b" inside div"a" if i type:

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

it will give me this output

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

but what i want is

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

• javascript
• html

Share Improve this question Follow asked Jun 27, 2017 at 20:03 Ng21Ng21 23122 gold badges44 silver badges1111 bronze badges 2

• 1 BTW value is not a valid attribute for div. Maybe you meant innerHTML? – Andrew Li Commented Jun 27, 2017 at 20:05
• yes exactly buddy you are right – Ng21 Commented Jun 27, 2017 at 20:11

Add a ment  | 

4 Answers 4

Sorted by: Reset to default 6

Try appendChild();

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

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

Use element's outerHTML as follows:

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

In the time it took me to write this, other answers were made saying the same.

Run the snippet to see the code in action...

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>

You can copy the tag b to tag a copying it outerHTML

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

Then if you want to remove the b tag use

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

本文标签： javascripthow to get div inside another div by calling documentgetElementbyIdStack Overflow