innerHTML,innerText,outHTML,outText区别

最新推荐文章于 2021-06-19 09:04:31 发布

weixin_33754065

最新推荐文章于 2021-06-19 09:04:31 发布

阅读量174

点赞数

CC 4.0 BY-SA版权

文章标签： c#

原文链接：http://www.cnblogs.com/xiangru0921/p/6510147.html

本文详细介绍了HTML中innerHTML、outerHTML、innerText及outerText四个属性的区别与用法，通过实例帮助理解这些属性如何设置或获取对象的内容。

<p>
　　<div id="div" style="background-color:#ff9966;border:1px #ff0000 dashed;">
　　　　<span>这是一个层</span>
　　</div> 
<p>
<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>