outerHTML、innerHTML以及innerTEXT的区别

与innerHTML不同,outerHTML包括整个标签,而不仅限于标签内部的内容。
对于一个id为"testdiv"的div来说,outerHTML、innerHTML以及innerTEXT
三者的区别可以通过下图展示出来:

wwww

http://www.vikee.net/trackback.asp?tbID=27
********************************************************************************

innerText和innerHtml区别- -作者: 约定风雨无阻

1,grid.getCell(i,3).innerHTML;curobj.nextSibling.innerHTML

    innerHTML InnerHtml 属性不自动对进出 HTML 实体的特殊字符进行编码。HTML 实体允许显示特殊字符(如 < 字符),浏览器通常会将这些字符解释为具有特殊含义。< 字符会被解释为标志的开头,并且不会在页面上显示。若要显示 < 字符,将需要使用实体 &lt;。

例如,如果 InnerHtml 属性设置为 "<b> Hello </b>",则 < 和 > 字符不会分别转换为 &lt; 和 &gt;。呈现的输出仍将是:<b> Hello </b>。浏览器将检测 <b> 标记并用粗体显示“Hello”文本。

警告   由于未对此文本进行 HTML 编码,因此可以在文本的 HTML 标记内嵌入脚本。如果该属性是使用用户输入动态设置的,请务必验证它的值以减少安全漏洞。
若要提供自动 HTML 编码和解码,请使用 InnerText 属性。

以上是微软的一个网站上介绍的,而我只是简单的认为取出来的是html格式。

2,typeName = temp.options[temp.selectedIndex].innerText;document.all("B1").innerText="关闭";name==name_other.options[i].innerText;opn.innerText=nameArray[i];

使用 InnerText 属性以编程方式修改 HTML 服务器控件的开始和结束标记之间的内容。

InnerHtml 属性不同,InnerText 属性自动对进出 HTML 实体的特殊字符进行编码。HTML 实体允许显示特殊字符(如 < 字符),浏览器通常会将这些字符解释为具有特殊含义。< 字符会被解释为标志的开头,并且不会在页面上显示。若要显示 < 字符,将需要使用实体 &lt;

例如,如果 InnerText 属性设置为 "<b> Hello </b>",则 <> 符号分别转换为 &lt;&gt;。呈现的输出将是:&lt; b &gt; Hello &lt;/b &gt;。&lt;&gt; 实体将向浏览器指示这些字符将显示在页上。浏览器将不检测 <b> 标记并用粗体显示该文本。显示在页上的文本是:<b> Hello </b>。

若要放置自动 HTML 编码和解码,请使用 InnerHtml 属性。

而我认为是取的文本的值。

http://publishblog.blogdriver.com/blog/tb.b?diaryID=967952
********************************************************
innerHTML和innerText有什么作用? 
用javascript可以控制显示一个HTML表单如text,textarea,等里面的文字, 
如: document.all.表单ID.value="ABC"; 

但如何控制在页面上显示的文字呢? 

这时就要用到innerHTML或innerText 

<div id="div1"></div><p> 
<div id="div2"></div> 

<script> 
document.all.div2.innerText="<font color=#ff0000>AAA</font>"; //可以这样动态修改,纯文字格式 
document.all.div1.innerHTML="<font color=#ff0000>AAA</font>"; //HTML格式,动态生成一个表格也行 
</script> 
注意区分大小写
****************************************************
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值