JavaScript中innerHTML, innerText和value的区别是什么?


当前回答

InnerText属性对内容进行html编码,将<p>转换为&lt;p&gt;等等。如果你想插入HTML标签,你需要使用InnerHTML。

其他回答

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 >

Innerhtml将应用HTML代码

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

简单地说:

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

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

InnerText属性对内容进行html编码,将<p>转换为&lt;p&gt;等等。如果你想插入HTML标签,你需要使用InnerHTML。