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

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