Document Object Model 文檔對象模型 (通過頁面/全局)

專門操作網(wǎng)頁內(nèi)容的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名');
         特點:可以找到多個  并且返回一個動態(tài)集合(數(shù)組)

     3)通過標簽名
       var ele=document.getElementsByTagName('標簽名');
       特點:可以找到多個  返回動態(tài)集合 （數(shù)組）

     4)通過name屬性查找    
        var  ele=document.getElementsByName('name');
             可以找到多個  返回動態(tài)集合  數(shù)組

3.通過選擇器查找

      var ele=document.querySelector('選擇器'); 
      只能找到一個
      var ele=document.querySelectorAll('選擇器') ；
      查找全局console數(shù)組