简单地说:

innerText将显示值，并忽略任何HTML格式可能 被包括。 innerHTML将显示值并应用任何HTML格式。

简单地说:

innerText将显示值，并忽略任何HTML格式可能 被包括。 innerHTML将显示值并应用任何HTML格式。

1）内部网页

设置标记内的所有HTML内容 返回标记内的所有HTML内容 包括样式+空白

2) innerText

设置标记内的所有内容(使用标记对应的换行符) 返回标签内的所有HTML内容(带有标签对应的换行符) 忽略标签(只显示文本) 忽略样式+空白 如果我们有style:"visibility:hidden;"内标签 |_ innerText包含样式->隐藏内容

(3) textContent

设置标签内的所有内容(没有标签对应的换行符) 返回标签内的所有内容(没有标签对应的换行符) 包括空格 如果我们有style:"visibility:hidden;"内标签 |_ textContent忽略样式->显示内容 textContent具有更好的性能，因为它的值不会解析为HTML。

Innerhtml将应用HTML代码

内文将把内容作为文本，所以如果你有HTML标签，它将显示为文本

InnerText将仅以纯文本形式返回页面的文本值，其中每个元素在换行符上，而innerHTML将返回body标记内所有内容的HTML内容，而childNodes将返回一个节点列表，顾名思义。

var element = document.getElementById("main");
var values = element.childNodes[1].innerText;
alert('the value is:' + values);

要进一步细化它并检索值Alec(例如，使用另一个.childNodes[1])

var element = document.getElementById("main");
var values = element.childNodes[1].childNodes[1].innerText;
alert('the value is:' + values);