元素element.innerHTML="";
方法二:通过元素的removeChild方法
子元素element.parentNode.removeChild(子元素element);
二、js中如何删除某个元素下面的所有子元素?
js删除一个父元素下面的所有子元素
比如
<div id="ok">
<button tpye='button'>111111</button>
<p>22222</p>
<div> <p>31232</p> </div>
</div>
而如果想删除其中的一个应该如何做
document.getElementById("ok").
innerHTML = "";
用jquery的话更方便
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 class="list2" id="dy" >
<li id="xh1">
<img alt="" src="Logo/aaa.jpg" />
<h3><a>aaaaa</a></h3>
<p>aaa111</p>
</li>
</ul>
var
elem=document.getElementById(
'xh2'
);
elem.parentNode.removeChild(elem)
;
三、测试题-简答题
1、我要删掉某个标签的所有孩子,然后新加一个新的孩子,也就是将原来的所有孩子替换为一个新的孩子,那么我的操作是什么?
解答:直接获取元素对象,然后innerHTML=孩子标签的html。这个是innerHTML,而不是innerText,说明里面就是HTML。
2、如何获取一个节点的父亲节点的element?
解答:先获取这个节点的element,然后
elem.parentNode
即可。
3、一个节点如何移除自己的某个孩子?
解答:element.removeChild(孩子的element)。
我的旨在学过的东西不再忘记(主要使用艾宾浩斯遗忘曲线算法及其它智能学习复习算法)的偏公益性质的完全免费的编程视频学习网站:
【读书编程笔记】fanrenyi.com
;有各种前端、后端、算法、大数据、人工智能等课程。
版权申明:欢迎转载,但请注明出处
一些博文中有一些参考内容因时间久远找不到来源了没有注明,如果侵权请联系我删除。