js删除div子元素,jquery 删除子元素
本教程运行环境：windows7系统，javascript1.8.5版本1.8.5，戴尔G3电脑。
javascript删除子元素
在javascript中，可以使用removeChild()方法删除子元素。让我们仔细看看下面的例子。
！声明文档类型
超文本标记语言
头
meta charset=utf-8
风格
部门{
边框：2px虚线# 006DAF
填充：10px
}
p{
边框：2px虚线# 006DAF
填充：10px
}
/风格
/头
身体
Div元素
H2 a题/h2
p一段/p
/divbr /
Input= BTN type= button value=删除div中的子元素P
/body
脚本
函数deleteChild() {
var div=document . query selector( div )；
var p=document . query selector( p )；
div . remove child(p)；
}
var BTN=document . getelementbyid( BTN )。onclick=function() {
delete child()；
}
/脚本
/html渲染：
说明：
方法可以从子节点列表中删除一个节点。用法如下：
节点。removechild (node)其中参数节点是要删除的节点。如果删除成功，则返回删除的节点；如果失败，则返回null。
当使用removeChild()方法删除一个节点时，该节点中包含的所有子节点将被同时删除。
示例1
单击下面示例中的按钮，删除红色框中的第一级标题。
div id=red
H1红盒子/h1
/div
Div id=blue 蓝色框/div
按钮id=确定移动/按钮
脚本
var ok=document . getelementbyid( ok )；//获取按钮元素的引用
Ok.onclick=function () {//为按钮注册鼠标单击事件处理程序。
var red=document . getelementbyid( red )；//获取红框的引用
var h1=document . getelementsbytagname( h1 )[0]；//获取标题元素的引用
red . remove child(h1)；//移出包含在红框中的标题元素
}
/脚本示例2
如果要删除蓝框，但不能确定其父元素，可以使用parentNode属性快速获取父元素的引用，并使用该引用将其删除。
var ok=document . getelementbyid( ok )；//获取按钮元素的引用
Ok.onclick=function () {//为按钮注册鼠标单击事件处理程序。
var blue=document . getelementbyid( blue )；//获取对蓝框的引用
var parent=blue.parentNode//获取蓝框父元素的引用
parent.removeChild(蓝色)；//移出蓝框
}如果要将删除的节点插入到文档中的另一个位置，可以使用removeChild()方法，或者使用appendChild()和insertBefore()方法。
示例3
DOM文档操作中删除节点的使用频率和创建、插入节点一样高，所以可以封装删除节点的功能。
//封装删除节点函数
//参数：E表示删除前的节点。
//返回值：返回删除的节点，如果指定的节点不存在，则返回未定义的值。
功能移除(e) {
如果(e) {
var _ e=e . parent node . remove child(e)；
return _ e；
}
返回未定义的；
}示例4
如果要删除指定节点下的所有子节点，封装方法如下：
//封装删除所有子节点的方法
//参数：E表示预删除所有子节点的父节点。
功能空(e) {
while (e.firstChild) {
e . remove child(e . first child)；
}
}【推荐学习：javascript高级教程】以上是javascript如何删除子元素的细节。更多请关注我们的其他相关文章！
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。