innerText,innerHTML,textContent,value有什么区别

1.innerText

• innerText 仅返回元素可见的文本内容，会考虑 CSS 样式的影响，会过滤掉隐藏的文本。
• 由于它需要考虑样式，因此在某些情况下可能比 textContent 慢，因为需要执行样式计算和布局操作。

2.innerHTML 

返回值会包含特殊标签，比如<p><a></a></p>，打印p的innerHTML为<a>q</a>，而innerText为a

3.textContent

• textContent 返回元素及其所有子元素中的文本内容，包括隐藏的文本，如 <script> 和 <style> 元素中的文本。
• 它返回的是原始文本，不受 CSS 样式的影响。
• 使用 textContent 时，不会执行任何样式计算或布局重排，因此通常比 innerText 更快。

 

4.value 

适用于表单数据的获取，如用户输入数据，由于用户输入数据不会在HTML源代码里展现，所以前三者无法取到表单数据，value则可以。