textContent和innerText获取元素文本内容的方法比较

分类:知识百科 日期: 点击:0

textContent和innerText是用于获取元素文本内容的两种方法。

textContent是一种非标准的获取元素文本内容的方法,它会返回元素的所有文本内容,包括子元素中的文本内容,它会忽略HTML标记,只返回文本内容。例如:

这是一个段落

这是一个段落小标题

这是一个代码示例
  • 列表项1
  • 列表项2
  • 列表项3

获取div元素中的文本内容,可以使用textContent:

let divText = document.querySelector('div').textContent;
console.log(divText);

// 输出:这是一个段落这是一个段落小标题这是一个代码示例列表项1列表项2列表项3

innerText是一种标准的获取元素文本内容的方法,它会返回元素的所有文本内容,但是不会返回子元素中的文本内容,它会忽略HTML标记,只返回文本内容。例如:

let divText = document.querySelector('div').innerText;
console.log(divText);

// 输出:

这是一个段落
这是一个段落小标题
这是一个代码示例

从上面的示例可以看出,textContent和innerText的区别在于,textContent会返回元素的所有文本内容,包括子元素中的文本内容,而innerText只会返回元素的文本内容,不会返回子元素中的文本内容。

标签:

版权声明

1. 本站所有素材,仅限学习交流,仅展示部分内容,如需查看完整内容,请下载原文件。
2. 会员在本站下载的所有素材,只拥有使用权,著作权归原作者所有。
3. 所有素材,未经合法授权,请勿用于商业用途,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
4. 如果素材损害你的权益请联系客服QQ:77594475 处理。