怎么在JavaScript中使用dom獲取頁面元素

怎么在JavaScript中使用dom獲取頁面元素？相信很多沒有經驗的人對此束手無策，為此本文總結了問題出現的原因和解決方法，通過這篇文章希望你能解決這個問題。

Java的優點是什么

1. 簡單，只需理解基本的概念，就可以編寫適合于各種情況的應用程序；2. 面向對象；3. 分布性，Java是面向網絡的語言；4. 魯棒性，java提供自動垃圾收集來進行內存管理，防止程序員在管理內存時容易產生的錯誤。；5. 安全性，用于網絡、分布環境下的Java必須防止病毒的入侵。6. 體系結構中立，只要安裝了Java運行時系統，就可在任意處理器上運行。7. 可移植性，Java可以方便地移植到網絡上的不同機器。8.解釋執行，Java解釋器直接對Java字節碼進行解釋執行。

方法一：根據ID獲取 : document.getElementById(id);

var div = document.getElementById('main');
console.log(div);

// 獲取到的數據類型 HTMLDivElement，對象都是有類型的
// HTMLDivElement <-- HTMLElement <-- Element  <-- Node  <-- EventTarget

方法二：根據標簽名獲取 : document.getElementsByTagName(name);

var oDiv = document.getElementsByTagName('div');
	alert(oDiv)//返回[object HTMLCollection]

方法三：根據name獲取元素*：getElementByName；

var oDiv = document.getElementsByName('div')[0];
	alert(oDiv)//返回[object HTMLCollection]

方法四：通過選擇器返回指定選擇器的第一個元素對象 (H5新增)。

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

var boxes = document.querySelectorAll('.box');
for (var i = 0; i < boxes.length; i++) {
  var box = boxes[i];
  console.log(box);
}

看完上述內容，你們掌握怎么在JavaScript中使用dom獲取頁面元素的方法了嗎？如果還想學到更多技能或想了解更多相關內容，歡迎關注億速云行業資訊頻道，感謝各位的閱讀！