innerHTML与innerText与outHTML与outText 的区别。

innerHTML，baiinnerText和outerHTML，outerText的区别如下：

1）innerHTML 设置或获du取位于对象起始和结束zhi标dao签内的 HTML内容

2）innerText 设置或获取位于对象起始和结束标签内的文本

3）outerHTML设置或获取对象及其内容的 HTML 形式
4）outerText 设置(包括标签)或获取(不包括标签)对象的文本

重点强调指出：

innerHTML与outerHTML在设置对象的内容时包含的HTML会被解析，而innerText与outerText则不会。

在设置时，innerHTML与innerText仅设置标签内的文本，而outerHTML与outerText设置包括标签在内的文本。

<p><div id="div" style="background-color:#ff9966;border:1px #ff0000 dashed;"><span>这是一个层</span></div>
<input name="innerHTML" value="innerHTML" type="button" OnClick="alert(div.innerHTML);">
<input name="outerHTML" value="outerHTML" type="button" OnClick="alert(div.outerHTML);">
<input name="innerText" value="innerText" type="button" OnClick="alert(div.innerText);">
<input name="outerText" value="outerText" type="button" OnClick="alert(div.outerText);">innerHTML 设置或获取位于对象起始和结束标签内的 HTML <br>
outerHTML 设置或获取对象及其内容的 HTML 形式 <br>
innerText 设置或获取位于对象起始和结束标签内的文本 <br>
outerText 设置(包括标签)或获取(不包括标签)对象的文本 <br><br>

innerHTML与innerText与outHTML与outText 的区别。相关推荐

InnerHTML、InnerText、outerHTML的用法与区别
InnerHTML.InnerText.outerHTML的用法与区别 InnerHTML获取或设置指定元素标记内的HTML内容,从元素标记的开始到元素标记的结束 InnerText获取或设置指定元素 ...
innerHTML、innerText和outerHTML、outerText的区别
1.区别描述如下: innerHTML 设置或获取位于对象起始和结束标签内的 HTML outerHTML 设置或获取对象及其内容的 HTML 形式 innerText 设置或获取位于对象起始和结束标 ...
InnerHTML、InnerText、outerHTML、outerText的区别
innerHTML 设置或获取位于对象起始和结束标签内的 HTML outerHTML设置或获取标签及标签内的HTML innerText 设置或获取位于对象起始和结束标签内的文本 outerTex ...
html页面的text用法,js中innerHTML，innerText，outerHTML用法总结
如何获取DIV里面的内容,在js中为大家提供了三种方法,分别是outerHTML.innerHTML和innerText,这里要注意大小写!看起来长得很像,那么到底怎么使用以及它们之间有什么区别,我想 ...
JS中innerHTML,innerText,outHTML的用法及区别
一张图解释: 对于一个id为"testdiv"的div来说,outerHTML.innerHTML以及innerTEXT三者的区别可以通过下图展示出来: 文字解释: innerHT ...
innerHTML outerHTML innerText
迁移时间--2017年10月31日14:52:59 Author:Marydon UpdateTime--2017年1月15日20:33:03 innerHTML,outerHTML与innerTex ...
DOM中的outerHTML,innerHTML,outerText,innerText的区别
--转自http://blog.163.com/yw_0721/blog/static/7164579720102932157759/ 简单的说innerHTML和outerHTML.innerTex ...
JavaScript中innerHTML与innerText，createTextNode的区别
innerHTML和innerText 它们都会把元素内内容替换掉,区别在于: innerHTML 会把替换内容里的 HTML 标记解释执行. innerText 会把替换内容里的 HTML 标记原样 ...
textContent、innerHTML、innerText、outerText、outerHTML、nodeValue使用场景和区别
今天要讲的这些属性都可以用来获取某个元素的内容,你可能会觉得不可思议,或是说上一句"丧心病狂"也.但当你看完以下内容后,会发现除outerText无用外,其他的都有各自的使用场景, ...

innerHTML与innerText与outHTML与outText 的区别。

innerHTML与innerText与outHTML与outText 的区别。相关推荐

最新文章

热门文章