首页 > Web开发 > 详细

html节点类型

时间:2018-09-17 16:37:21      阅读:179      评论:0      收藏:0      [点我收藏+]
 <li>
                nodeType:节点类型; <br>
                1--->Element节点; <br>
                3--->Text节点; <br>
                8--->Comment节点; <br>
                9--->Document节点; 
                <pre>
                    //节点代码
                    < ul class="myclass">
                        < li>子节点1< /li>
                        < li id="second">子节点2< /li>< !-- 我是注释我骄傲 -->
                        < li>子节点3< /li>
                    < /ul>
                    //JS代码
                    var elem            = document.querySelector(‘#second‘);
                    var elemtype        = elem.nodeType;
                    console.log(elemtype); //元素节点

                    var tnode           = elem.childNodes[0];
                    console.log(tnode.nodeType);//文档节点

                    var cnode           = elem.nextSibling;
                    console.log(cnode.nodeType);//注释节点

                    console.log(document.nodeType);// document节点
                </pre>
            </li>

 

html节点类型

原文:https://www.cnblogs.com/LeoXnote/p/9662864.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!