关于js中的childNodes[]

2016/12 01 14:12
此文章不得转载,如有需要请联系网站管理员。

一度的温暖,一百度的爱情,来自于亚洲城ca788手机版官网的点点滴滴

在学习DOM东西操纵HTML时,看到removeChild是用于删除节点,想删除第一个p元素,childNodes[0]居然没反响,要childNodes[1]才干删除第一个P元素,然后我在后面加了没有标签包裹的笔墨,再用childNodes[0]却又能删去了?意思是[0]只能用于删除没有标签的文本内容吗?还是怎样。。。求解。。
另有childNodes[3]也是没删去一个。。又是为啥。。

代码如下

<body>
<div id="div">
    这句话用于测试的
    <p id="pid">div的p1元素</p>
    <p>div的p2元素</p>
</div>
<script>
    function addNode{
        var div=document.getElementById"div";
        var node=document.getElementById"pid";
        var newnode=document.createElement"p";
        newnode.innerHTML="静态添加p元素";
        div.insertBeforenewnode,node;//参数辨别是要拔出的新节点和它的相对地位
    }
     addNode;
    // 删除节点
    function removeNode{
        var div=document.getElementById"div";
        var p=div.removeChilddiv.childNodes[3];
        //从1末尾的childNodes[0]没反响
    }
    removeNode;
</script>
</body>

下面是后果表现。。
div.childNodes[0]的后果

静态添加p元素

div的p1元素

div的p2元素

div.childNodes[1]的后果

这句话用于测试的

div的p1元素

div的p2元素

div.childNodes[3]的后果

这句话用于测试的

静态添加p元素

div的p1元素

div的p2元素

div.childNodes[4]的后果

这句话用于测试的

静态添加p元素

div的p1元素

是如许的:childNodes是包括一个元素的统统直接子节点。

比如:

<div id="div">
    这句话用于测试的
    <p id="pid">div的p1元素</p>
    <p>div的p2元素</p>
</div>

childNodes0 真实便是这句话用于测试的这个文本节点(留意:文本节点也包括不行见字符,比方回车和换行)。

假如想获取统统元素节点,可以运用children,比如获取第一个元素节点children[0],就能取到`<p id=”pid”>div的p1元素</p>
`

(看完/读完)这篇文章有何感想! 来看看亚洲城ca788手机版官网是怎么评论的吧!

--转载请注明: www.ca788.com#亚洲城ca788手机版官网 » 关于js中的childNodes[]

发表评论

(必填)