zoukankan      html  css  js  c++  java
  • DOM 获取元素

     var times = document.getElementById('time');
     

    // 第一种

      var lis = document.getElementsByTagName('li');
            console.log(lis); //  [li, li, li, li, li, li, li]
     
     // console.log(lis[0]);
            // // 遍历
            // for (var i = 0; i < lis.length; i++) {
            //     console.log(lis[i]);
            // }
     
    // 第二种方法
     var nav = document.getElementById('nav');
            var navlis = nav.getElementsByTagName('li');
            console.log(navlis);
            console.log(navlis[0]);

      var firstBox = document.querySelector('.box');
            console.log(firstBox);

            var nav = document.querySelector('#nav');
            console.log(nav);

            var li = document.querySelector('li');
            console.log(li);
     
     //  queryselectorAll()
            var allBox = document.querySelectorAll('.box');
            console.log(allBox);

            var lis = document.querySelectorAll('li');
            console.log(lis);
     

    <script>
            // 获取body 元素
            // var bodyEle = document.body;
            // console.log(bodyEle);
            // console.dir(bodyEle);
            //  获取html 元素
            var htmlEle = document.documentElement;
            console.log(htmlEle);
        </script>
     
     
     
  • 相关阅读:
    数组和矩阵问题
    Memcached安装以及PHP的调用
    php函数ob_start()、ob_end_clean()、ob_get_contents()
    Nginx
    电影大全 API接口
    找电影资源最强攻略,知道这些你就牛B了!
    CSS3 图片旋转
    curl网站开发指南
    Redis 集群方案
    从12大技巧、30个案例、99个模板谈怎么写标题
  • 原文地址:https://www.cnblogs.com/ericblog1992/p/13049677.html
Copyright © 2011-2022 走看看