如何使用 javascript 獲取標簽內(nèi)容?獲取文本內(nèi)容:innertext:獲取標簽及其子標簽文本textcontent:僅獲取標簽自身文本獲取 html 內(nèi)容:innerhtml:獲取標簽及其子標簽 htmlouterhtml:獲取標簽自身以及子標簽 html獲取屬性值:getattribute():獲取指定屬性值dataset[]:獲取 data-* 屬性值獲取標簽列表:queryselectorall():按選擇器獲取標簽getelementsbytagname():按標簽名獲取標簽
如何使用 JavaScript 獲取標簽內(nèi)容
獲取文本內(nèi)容
獲取標簽中文本內(nèi)容有以下方法:
innerText:獲取標簽內(nèi)部的所有文本內(nèi)容,包括子標簽的文本。
textContent:類似于 innerText,但它不會獲取子標簽的文本。
示例:
const text = element.innerText; // 獲取標簽及其所有子標簽的文本
登錄后復制
獲取 HTML 內(nèi)容
獲取標簽的 HTML 內(nèi)容有以下方法:
innerHTML:獲取標簽內(nèi)部的所有 HTML 內(nèi)容,包括子標簽。
outerHTML:獲取標簽及其自身內(nèi)容的 HTML。
示例:
const html = element.innerHTML; // 獲取標簽及其所有子標簽的 HTML
登錄后復制
獲取屬性值
獲取標簽的屬性值有以下方法:
getAttribute(attributeName):獲取指定屬性的屬性值。
dataset[data-attribute-name]:獲取 data-* 屬性的屬性值。
示例:
const value = element.getAttribute("href"); // 獲取標簽的 href 屬性值 const dataValue = element.dataset.myValue; // 獲取標簽的 data-my-value 屬性值
登錄后復制
獲取標簽列表
獲取頁面中指定標簽的列表有以下方法:
querySelectorAll(selector):返回匹配給定選擇器的所有標簽。
getElementsByTagName(tagName):返回具有指定標簽名的所有標簽。
示例:
const elements = document.querySelectorAll("p"); // 返回所有 <p> 標簽 const elements = document.getElementsByTagName("p"); // 返回所有 </p><p> 標簽</p>
登錄后復制