2.1.8 innerHTML,innerText,textContent区别.md

2.1.8 innerHTML,innerText,textContent区别

innerHTML:

• document.documentElement.innerHTML:
• 会把<script>、<style>等标签及内容全部显示

innerText：

• document.documentElement.innerText
• 只显示内容 ，不会把<script>、<style>等标签及内容显示
• 不会获取display:none 的元素
• 返回值被格式化
• 会触发reflow;

textContent

• document.documentElement.textContent
• 会把<script>、<style>等标签内的内容全部显示，标签不显示

outHTML

• 设置获取元素及内容的HTML

outerText

• 设置获取元素及内容的文本