码迷,mamicode.com
首页 > Web开发 > 详细

html节点类型

时间:2018-09-17 17:47:34      阅读:634      评论:0      收藏:0      [点我收藏+]

标签:query   log   tno   元素   class   doc   select   document   nodetype   

 <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节点类型

标签:query   log   tno   元素   class   doc   select   document   nodetype   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!