Document Object Model 文档对象模型 (通过页面/全局)

专门操作网页内容的API

通过DOM查找：

 1.通过元素间的关系
      1）父子关系
          parentElement  查找一个元素的父元素              
          children   查找父元素下的所有子元素  找到多个
          firstElementChild  找到父元素下的第一个子元素
          lastElementChild   找到父元素下的最后一个子元素 
      2）兄弟关系
         previousElementSibling   前一个兄弟
         nextElementSibling    下一个兄弟

2.通过HTML查找

      1）通过id查找
          var ele=document.getElementById('id号');
          只能找到一个
      2)通过class查找

         var ele=document.getElementsByClassName('class名');
         特点:可以找到多个  并且返回一个动态集合(数组)

     3)通过标签名
       var ele=document.getElementsByTagName('标签名');
       特点:可以找到多个  返回动态集合 （数组）

     4)通过name属性查找    
        var  ele=document.getElementsByName('name');
             可以找到多个  返回动态集合  数组

3.通过选择器查找

      var ele=document.querySelector('选择器'); 
      只能找到一个
      var ele=document.querySelectorAll('选择器') ；
      查找全局console数组