removeChild函数可以删除父元素的指定子元素。本文介绍了javascript的removechild()函数的用法,对js removechild函数感兴趣的朋友可以一起学习一下。
removechild函数可以删除父元素的指定子元素。
如果成功删除子节点,该函数返回被删除的节点,否则返回null。
语法结构:
father obj . remove child(children obj)
参数解释:
1.fatherObj:要删除子元素的元素对象。
2.childrenObj:要删除的子元素对象。
特别说明:
在Firefox、Google和IE8以上的浏览器中,空白也被认为是一个文本节点,但在IE8和IE8以下的浏览器中,空白文本节点将被忽略。具体请参考javascript如何获取元素的子节点和父节点的章节。
代码实例:
示例1:
!文档类型html
超文本标记语言
头
meta charset='utf-8 '
meta name=' author ' content=' https://www . jb51 . net/'/
我们/标题
脚本类型='文本/javascript '
window.onload=function(){
var obox=document . getelementbyid(' box ');
var lis=obox . getelementsbytagname(' Li ');
obox . remove child(lis[1]);
}
/脚本
/头
身体
ul id='box '
我们一个/李
我们两个/李
我们三个/李
我们四个/李
/ul
/body
/html
上面的代码可以删除box的子元素中的第二个li元素。
示例2:
!文档类型html
超文本标记语言
头
meta charset='utf-8 '
meta name=' author ' content=' http://www . soft why . com/'/
我们/标题
脚本类型='文本/javascript '
window.onload=function(){
var obox=document . getelementbyid(' box ');
var liArray=[];
var y=0;
var child nodes=obox . child nodes;
for(var I=0;ichildNodes.lengthi ){
if(childNodes[i].nodeType==1){
lia rray[y]=child nodes[I];
y=y ^ 1;
}
}
obox . remove child(lia rray[1]);
}
/脚本
/头
身体
ul id='box '
我们一个/李
我们两个/李
我们三个/李
我们四个/李
/ul
/body
/html
上面的代码可以从盒子的所有子节点中选择元素节点,然后将元素节点放入数组,再删除第二个元素节点。
总结:
removeChild()
这个函数是获取元素的父元素并删除它。语法是:parent . remove child(child);
有时我们想删除而不涉及父元素。但是,DOM是机制,删除之前必须定义元素和父元素。当输入要删除的元素时,我们也可以删除它,使用它的parentNode属性来查找父元素:
var child=document . getelementbyid(P1);
child . parent node . remove child(child);
注意:jquery也有对应removeChild: remove()和empty()的函数
Remove():指删除自身及其子元素。
Empty():删除子元素。
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。