innertextinnerText

innerText,outerText区别

区别描述如下： innerHTML 设置或获取位于对象起始和结束标签内的 HTML outerHTML 设置或获取对象及其内容的 HTML 形式 innerText 设置或获取位于对象起始和结束标签内的文本 outerText 设置(包括标签)或获取(不包括标签)对象的文本 参考例子：/blog/261966

JavaScript中innerText和innerHTML的区别

这是我的另外一个回答，相同的问题 举个例子来说吧。

<div> ???<span>内容</span> </div>使用这几个来获取上面div的内容的话，区别如下： innerHTML: ? ? <span>内容</span>，带有html标签 innerText: ? ? ? ?内容 不带html标签 outerHTML: ? ? <div><span>内容</span></div> outerText: ? ? ? ?获取元素跟innterText是一样的。

使用这几个来改变某个元素的内容 <div?id="test"></div> innerHTML="<i>内容</i>" //<div?id="test"><i>内容</i></div>?????展示出来的是斜体的“内容”，i作为html标签解析了 innerText="<i>内容</i>"? //<div?id="test"><i>内容</i></div>?????展示的内容为“<i>内容</i>”，i没有作为html的标签解析，而是直接输出了。

outerHTML="<i>内容</i>" //<i>内容</i>?????????????????????????就是替换了外面的标签，同时i会被解析，展现一个斜体的“内容” outerText="<i>内容</i>"? //替换外面的标签，i没有解析，页面显示“<i>内容</i>” 注意outerHTML、innerText不是W3C标准，使用时请注意浏览器兼容性！

innerText

innerText和innerHtml是用于在页面上输出要现实的信息的。

例如：&lt;html&gt; &lt;head&gt; &lt;script&gt; function show(){ var obj = document.getElementById("d"); d.innerText="show text"; } function message(){ var obj = document.getElementById("e"); alert(obj.value) } &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;div id="d" onClick="show()" &gt;abc&lt;/div&gt; &lt;input type="text" id="e" value="" onBlur="message()"/&gt; &lt;/body&gt; &lt;/html&gt; 对比看看