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只会返回元素的文本内容,不会返回子元素中的文本内容。