js中如何删除某个元素下⾯的所有⼦元素?(两种⽅法)
js中如何删除某个元素下⾯的所有⼦元素?(两种⽅
法)
⼀、总结
⽅法⼀:通过元素的innerHTML属性
元素element.innerHTML="";
⽅法⼆:通过元素的removeChild⽅法
⼦元素veChild(⼦元素element);
⼆、js中如何删除某个元素下⾯的所有⼦元素?
问题1:
js删除⼀个⽗元素下⾯的所有⼦元素
⽐如
<div id="ok">
<button tpye='button'>111111</button>
<p>22222</p>
<div> <p>31232</p> </div>
</div>
⽽如果想删除其中的⼀个应该如何做
解答1:
⽤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">
jquery在一个元素后追加标签
<img alt="" src="Logo/aaa.jpg" />
<h3><a>aaaaa</a></h3>
<p>aaa111</p>
</li>
</ul>
解答2:
var ElementById('xh2'); // 按 id 获取要删除的元素
veChild(elem); // 让 “要删除的元素” 的 “⽗元素” 删除 “要删除的元素”
三、测试题-简答题
1、我要删掉某个标签的所有孩⼦,然后新加⼀个新的孩⼦,也就是将原来的所有孩⼦替换为⼀个新的孩⼦,那么我的操作是什
么?
解答:直接获取元素对象,然后innerHTML=孩⼦标签的html。这个是innerHTML,⽽不是innerText,说明⾥⾯就是HTML。
2、如何获取⼀个节点的⽗亲节点的element?
解答:先获取这个节点的element,然后elem.parentNode即可。
3、⼀个节点如何移除⾃⼰的某个孩⼦?
解答:veChild(孩⼦的element)。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。