DOM零碎知识

DOM中innerHTML、textContent、innerText、nodeValue属性的用法与区别

渲染内容定义: 不包括display: none; script标签; 包括: visibility: hidden; opacity: 0;
输出都包括: 当前标签及其嵌套后代标签

innerHTML

输出【原始内容，包括未渲染标签及其后代的】换行文本

innerText属性

输出【当前标签里的文本内容，只包括渲染标签里的】不换行文本，但是当前标签里的其他嵌套标签里的文本内容输出的时候是否换行，要看包裹他们的标签是不是块级的，块级的会换行，行内不会换行

textContent

输出【所有文本内容，包括未渲染标签的】换行文本

nodeValue

文本、注释节点的值