innerText 和 textContent 属性区别：获取元素文本内容的最佳选择

innerText 属性和 textContent 属性都可以用于获取或修改元素的文本内容，但两者之间存在一些区别。

'innerText' 属性：用于获取或设置元素的可见文本内容。它会返回元素的所有可见文本，包括子元素的文本。如果元素设置了 CSS 的 'display: none' 属性，那么 'innerText' 将返回空字符串。另外，'innerText' 获取的文本会受 CSS 样式的影响，例如，如果文本被 CSS 样式设置为不可见，那么 'innerText' 将不会获取到这部分文本。
'textContent' 属性：用于获取或设置元素的所有文本内容，包括元素和其子元素的所有文本，不受 CSS 样式的影响。即使元素设置了 CSS 的 'display: none' 属性，'textContent' 也会返回所有文本内容。另外，'textContent' 获取的文本不受 CSS 样式的影响，无论文本是否可见，都会被获取到。

总结来说，'innerText' 会受 CSS 样式的影响，只返回可见文本，而 'textContent' 不受 CSS 样式的影响，返回所有文本。所以在获取或设置元素的文本内容时，根据需求选择使用 'innerText' 还是 'textContent'。