js中如何刪除某個元素下面的所有子元素？（兩種方法）

一、總結

方法一：通過元素的innerHTML屬性

元素element.innerHTML="";

方法二：通過元素的removeChild方法

子元素element.parentNode.removeChild(子元素element);

 

二、js中如何刪除某個元素下面的所有子元素？

問題1：

js刪除一個父元素下面的所有子元素

比如
<div id="ok">
<button tpye='button'>111111</button>
<p>22222</p>
<div> <p>31232</p> </div>
</div>
而如果想刪除其中的一個應該如何做

 

解答1：

document.getElementById("ok").innerHTML = "";
用jquery的話更方便

 

問題2：

js中怎么刪除一個標簽及其標簽下的所有內容?

<ul class="list2" id="dy" >
<li id="xh1">
<img alt="" src="Logo/aaa.jpg" />
<h3><a>aaaaa</a></h3>
<p>aaa111</p>

</li>
<li id="xh2">
<img alt="" src="Logo/aa.jpg" />
<h3><a>bbbbb</a></h3>
<p>bbb111</p>
</li>

</ul>

怎么用代碼刪除后變成一下效果!
<ul class="list2" id="dy" >
<li id="xh1">
<img alt="" src="Logo/aaa.jpg" />
<h3><a>aaaaa</a></h3>
<p>aaa111</p>
</li>
</ul>

 

解答2：

var elem=document.getElementById('xh2'); // 按 id 獲取要刪除的元素

elem.parentNode.removeChild(elem);  // 讓 “要刪除的元素” 的 “父元素” 刪除 “要刪除的元素”

 

 

三、測試題-簡答題

1、我要刪掉某個標簽的所有孩子，然后新加一個新的孩子，也就是將原來的所有孩子替換為一個新的孩子，那么我的操作是什么？

解答：直接獲取元素對象，然后innerHTML=孩子標簽的html。這個是innerHTML，而不是innerText，說明里面就是HTML。

 

2、如何獲取一個節點的父親節點的element？

解答：先獲取這個節點的element，然后elem.parentNode即可。

 

3、一個節點如何移除自己的某個孩子？

解答：element.removeChild(孩子的element)。