,,JavaScript的removeChild()函数用法详解

,,JavaScript的removeChild()函数用法详解

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的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: