在 JavaScript 中獲取 DOM 元素的方法有多種，以下是常用的方法：

　　getElementById：根據(jù)元素的 id 屬性獲取 DOM 元素，返回的是一個(gè)元素節(jié)點(diǎn)對(duì)象。

const element = document.getElementById('elementId');

      getElementsByTagName：根據(jù)標(biāo)簽名獲取 DOM 元素，返回的是一個(gè) HTMLCollection 對(duì)象，需要通過下標(biāo)訪問元素。

const elements = document.getElementsByTagName('div');
const firstDiv = elements[0];

      getElementsByClassName：根據(jù) class 名稱獲取 DOM 元素，返回的也是一個(gè) HTMLCollection 對(duì)象。

const elements = document.getElementsByClassName('className');
const firstElement = elements[0];

      querySelector：通過 CSS 選擇器獲取 DOM 元素，返回的是一個(gè)元素節(jié)點(diǎn)對(duì)象，只返回第一個(gè)匹配的元素。

const element = document.querySelector('#elementId .className');

      querySelectorAll：通過 CSS 選擇器獲取 DOM 元素，返回的是一個(gè) NodeList 對(duì)象，包含所有匹配的元素。

const elements = document.querySelectorAll('div.className');

      除了以上方法，還有一些其它方法，如 parentElement、nextElementSibling、previousElementSibling 等，可以通過一個(gè)元素節(jié)點(diǎn)對(duì)象的屬性獲取其父元素節(jié)點(diǎn)、后一個(gè)兄弟元素節(jié)點(diǎn)、前一個(gè)兄弟元素節(jié)點(diǎn)等。

聲明：本站稿件版權(quán)均屬千鋒教育所有，未經(jīng)許可不得擅自轉(zhuǎn)載。