常用的方法包括：1、通過 id 獲取元素；2、通過類名獲取元素；3、通過標簽名獲取元素；4、通過 css 選擇器獲取元素；5、通過子元素或父元素獲取元素。
在JavaScript中，可以使用多種方法來讀取或獲取頁面元素。以下是一些常用的方法：
1、通過ID獲取元素
使用 document.getElementById() 方法，你可以通過元素的ID來獲取元素。例如：
javascript
var element = document.getElementById("myElementId");
登錄后復制
2、通過類名獲取元素
使用 document.getElementsByClassName() 方法，你可以通過元素的類名來獲取元素。這個方法返回一個包含所有匹配元素的HTMLCollection。例如：
javascript
var elements = document.getElementsByClassName("myClassName");
var firstElement = elements[0]; // 獲取第一個匹配的元素
登錄后復制
3、通過標簽名獲取元素
使用 document.getElementsByTagName() 方法，你可以通過元素的標簽名來獲取元素。這個方法也返回一個包含所有匹配元素的HTMLCollection。例如：
javascript
var elements = document.getElementsByTagName("p"); // 獲取所有的<p>元素
var firstParagraph = elements[0]; // 獲取第一個<p>元素
登錄后復制
4、通過CSS選擇器獲取元素
使用 document.querySelector() 或 document.querySelectorAll() 方法，你可以通過CSS選擇器來獲取元素。querySelector() 返回匹配選擇器的第一個元素，而 querySelectorAll() 返回所有匹配選擇器的元素的NodeList。例如：
javascript
var element = document.querySelector(".myClassName"); // 獲取第一個具有指定類名的元素
var elements = document.querySelectorAll("div > p"); // 獲取所有作為<div>元素直接子元素的<p>元素
登錄后復制
5、通過子元素或父元素獲取元素
你還可以使用元素的 children、firstChild、lastChild、parentNode 等屬性來獲取或遍歷DOM樹中的元素。例如：
javascript
var parentElement = element.parentNode; // 獲取元素的父元素 var firstChild = element.firstChild; // 獲取元素的第一個子節點（可能是元素或文本節點） var firstChildElement = element.firstElementChild; // 獲取元素的第一個子元素（忽略文本節點）
登錄后復制
請注意，當你使用 getElementsByClassName()、getElementsByTagName() 或 querySelectorAll() 時，返回的是一個集合或列表，而不是單個元素。如果你需要操作這些元素中的某一個，你需要通過索引（如 elements[0]）來訪問它。
此外，當你使用 firstChild、lastChild 等屬性時，返回的可能是文本節點或其他類型的節點，而不一定是元素節點。如果你只想獲取元素節點，可以使用 firstElementChild、lastElementChild 等屬性。
