獲取頁面元素

如何獲取頁面元素

• 根據ID獲取

  • 使用getElementById()方法可以獲取帶ID的元素對象
  • 因為文檔頁面從上往下載入，所以先得有標簽，script寫在標簽的下麵
  • get 獲取 element 元素 by 通過 駝峰命名法
  • 參數 id 是大小寫敏感的字元串
  • 返回一個元素對象
  • console.dir(對象名)//列印返回元素對象 更好的查看裡面的屬性和方法

• 根據標簽名獲取

  • getElementsByTagName()方法可以返回帶有指定標簽的對象的集合

  • 返回的是 獲取過來元素對象的集合 以偽數組的形式存儲

  • 得到的元素是動態的

  • 獲取某個元素內部所有指定簽名的子元素

    element.getElementsByTagName('標簽名')；

    【註意】父元素必須是單個對象（必須指明是哪一個元素）.獲取的時候不包括父元素自己

• 通過HTML5新增的方法獲取

  • document.getElementsByClassName('類名')；//根據類名返回元素對象集合
  • document.querySelectot('選擇器')；//根據指定選擇器返回第一個元素對象
  • document.querySelectorAll('選擇器')；//根據指定選擇器返回

• 特殊元素獲取

  • 獲取body 元素

    document.body;

  • 獲取html 元素

    document.documentElement;