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);

Innerhtml将应用HTML代码

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

简单地说:

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

innerText和innerHTML都返回HTML元素的内部部分。

innerText和innerHTML之间唯一的区别是:innerText返回HTML元素(整个代码)作为字符串并在屏幕上显示HTML元素(作为HTML代码)，而innerHTML只返回HTML元素的文本内容。

请看下面的例子以更好地理解。运行下面的代码。

const ourstring = 'My name is <b class="name">Satish chandra Gupta</b>.'; . getelementbyid(“innertext的实现)。innerText = ourstring; . getelementbyid(“innerhtml”)。innerHTML = ourstring; . name { 颜色:红色; ｝ <p><b>下面的内部文本。</b></p> < p id = " innertext”实现> < / p > < br > <p><b>下面的内部html。它将字符串呈现到元素中，并将其视为html文档的一部分 < p id = " innerhtml " > < / p >

要添加到列表中，innerText将保留您的文本转换，innerHTML习惯。

就mutation观察者而言，设置innerHTML会生成一个childList突变，因为浏览器会删除节点，然后添加一个带有innerHTML值的新节点。

如果设置innerText，则会生成characterData突变。