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