html02

来源：互联网发布：lcd1602与单片机连接图编辑：程序博客网时间：2024/04/26 11:21
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title></title>    <script>        window.onload = function(){            /*document是内存自动创建的，是dom的最底层的对象*/            var obody = document.body;            console.info(obody);            /*childNodes获取到所有子节点，元素节点文本节点*/            var nodearr = obody.childNodes;            console.info(nodearr);            console.info(nodearr.length);            /*所有的标签都是元素节点，换行是文本节点，元素节点返回值是1   文本节点返回值是3  属性节点返回2*/            for(var i=0;i<nodearr.length;i++){                console.info(nodearr[i].nodeName);                console.info(nodearr[i].nodeType);            }            /*children获取到所有的子元素中的元素节点*/            var oul = document.getElementById("ul");            var childArr = oul.children;            for(var j=0;j<childArr.length;j++){                console.info(childArr[j].nodeName)            }        }    </script></head><body><h1>天气不错</h1>    <ul id="ul">        <li>新闻</li>        <li>体育</li>        <li>更多</li>    </ul>    <span>span</span></body></html>
0 0