给定一个包含一些元素的 HTML 文档,任务是使用 JavaScript 获取 HTML 元素中的文本。有两种方法可以获取不含 HTML 元素的文本,如下所示:
- 使用 innerText 属性
- 使用 textContent 属性
使用innerText 属性:我们可以使用innerText 属性从HTML 元素中获取文本。
例子:
Get the text inside HTML
element using JavaScript
Welcome to GeeksforGeeks
输出:
使用 textContent 属性:我们还可以使用 textContent 属性从 HTML 元素中获取文本。
例子:
Get the text inside HTML
element using JavaScript
Welcome to GeeksforGeeks
输出:
innerText 和 textContent 的区别:
-
innerText
属性仅返回人类可读的文本,而textContent
属性返回所有文本,包括和
标签。
-
innerText
属性负责元素的样式并且不返回任何隐藏元素,而textContent
属性返回所有元素,包括隐藏元素。 -
innerText
属性仅针对HTMLElement对象定义,而textContent
属性针对所有Node对象定义。