JavaScript关于DOM的基础操作

获取页面中的元素可以使用以下几种方式：

根据ID获取    根据标签名获取  通过HTML5新增的方法获取 特殊元素获取

 <div id="yes"></div> 

  <!-- 注意参数id是大小写敏感的字符串 -->

  <script>

 //因为我们文档页面从上往下加载，所以先得有标签，所有我们script写到标签的下面

 //get获得element元素by通过驼峰命名法

 //返回的是一个对象

var re = document.getElementById('yes')

 console.log(re);  //<div id="yes"></div>

 console.log(typeof re); //object

  </script>

      //使用getElementsByTagName()方法可以返回带有指定标签名的对象的集合

    a1 = document.getElementsByTagName('li')

     console.log(a1); //HTMLCollection(4) [li, li, li, li]

     console.log(a1[0]); //<li></li>

     

     //返回的是 回去过来元素对象的集合 以伪数组的形式存储

      getElementById ,querySelector未获取节点时，返回空

      getElementsByClassName，getElementsByTagName,getElementsByName未获取节点时，返回空的类数组

     document.getElementsByClassName('类名') //根据类名返回元素对象集合

     document.querySelector('选择器  .box #box ')//根据指定选择器第一个元素对象 切记里面的选择器需要加符号

     document.querySelectorAll()//返回指定选择器的所有元素对象

总结：document.querySelector这种h5技术虽然很好但是 ，getElementById速度最快