zoukankan      html  css  js  c++  java
  • 03 获取元素节点对象的方式

    <!DOCTYPE html>
    <html>
    <head>
        <title></title>
    </head>
    <body>
        <h2>你要什么</h2>
        <p title ='选择你的课程'>本课程是web课程</p>
        <ul id='classList'>
            <li class="item">javascript</li>
            <li class="item">DOM</li>
            <li>BOM</li>
        </ul>

        <script type="text/javascript">
            //$什么意思  document.getElementById()简写

            //1.document.getElementById() 单个对象
            var eleNode = document.getElementById('classList');
            console.log(eleNode);

            

            //2.document.getElementsByTagName() 获取出来的是一个节点对象集合 有点像数组
            var oLis = document.getElementsByTagName('li');
            console.log(oLis);
            
            console.log(oLis.length);
            
            for(var i=0;i < oLis.length;i++){
                console.log(oLis[i]);
            }


            //3.document.getElementsByClassName('item');
            var oItems = document.getElementsByClassName('item');
            console.log(oItems);


        </script>
    </body>
    </html>
  • 相关阅读:
    1058
    light oj 1067 费马小定理求逆元
    HDU 1022
    贪心
    HDU 4994 博弈。
    HDU 5234 背包。
    CodeForces 327B 水题。
    vue的$nextTick使用总结,this.$refs为undefined的解决办法,element Ui的树形控件setCheckedKeys方法无法使用
    Object.assign的用法
    react + antd 实现打印功能(踩了不少坑)
  • 原文地址:https://www.cnblogs.com/wuhui1222/p/14171688.html
Copyright © 2011-2022 走看看