zoukankan      html  css  js  c++  java
  • javascript Node操作

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
            <title>Untitled Document</title>
        </head>
        <script type="text/javascript">
         window.onload=function(){
             var ul=document.getElementsByTagName('ul')[0];
             //console.log(ul.nodeName);//UL
             var lis=ul.childNodes;
             for (var i = 0; i < lis.length; i++) {
                 console.log('the '+i+'th node is '+lis[i].nodeName);
             }
             //the 0th node is #text
            // the 1th node is LI 
            // the 2th node is #text 
            // the 3th node is LI 
            // the 4th node is #text 
            // the 5th node is LI 
            // the 6th node is #text 
            ul=document.getElementsByTagName('ul')[1];
            lis=ul.childNodes;
            for (var i = 0; i < lis.length; i++) {
                console.log('the '+i+'th node is '+lis[i].nodeName);
            }
            // the 0th node is LI
            // the 1th node is LI 
            // the 2th node is LI 
            //很明显 回车也会被认为是一个Node
            //所以应该这么处理
            ul=document.getElementsByTagName('ul')[0];
            lis=ul.childNodes;
            for (var i = 0; i < lis.length; i++) {
                if(lis[i].nodeType==1){
                    console.log('the '+i+'th node is '+lis[i].nodeName);
                }
            }
            // the 1th node is LI 
            // the 3th node is LI 
            // the 5th node is LI 
    
         }
        </script>
        <body>
            <ul>
                <li>li1</li>
                <li>li2</li>
                <li>li3</li>
            </ul>
    
            <ul><li>li1</li><li>li2</li><li>li3</li></ul>
    
    
    
        </body>
    </html>
  • 相关阅读:
    avalon background-image写法
    eslint 规则
    性能优化 && 用户体验
    gif
    react 生命周期
    git reset
    js 正则表达式
    大小写问题
    python中的负数取模问题(一个大坑)
    python中的__init_subclass__是什么?
  • 原文地址:https://www.cnblogs.com/cart55free99/p/3653066.html
Copyright © 2011-2022 走看看