注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

脚步轻轻

怕惊扰酣睡的梦境

 
 
 

日志

 
 

innerText 与innerHTML区别  

2011-04-15 11:01:16|  分类: 我的文档 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

innerText 跟 innerHTML是两个非DOM标准的方法
其区别如图所示:
 

 


在IE中 innerText 跟 innerHTML 两个方法都能正常运行
但是FF里面的innerText不可用,但是有一个替代方法: textContent
IE: oDiv.innerText = aString; oDiv.innerHTML = aString;
FF: oDiv.textContent = aString; oDiv.innerHTML = aString;
innerHTML,outerHTML,innerText,outerText这些都是相对于某个标签的id而言的,以下代码是可以直接运行看到区别的:
<div id="div">
    <font color="green"><h2>THis is Div</h2></font>
</div>
<input type="button" name="innerHTML" value="innerHTML" onclick="alert(div.innerHTML);"/>
<input type="button" name="outerHTML" value="outerHTML" onclick="alert(div.outerHTML);"/>
<input type="button" name="innerText" value="innerText" onclick="alert(div.innerText);">
<input type="button" name="outerText" value="outerText" onclick="alert(div.outerText);">
 

(1)name="innerHTML"运行结果:

(2)name="outerHTML"运行结果:

(3)name="outerHTML"与name="outerText"运行结果:

  评论这张
 
阅读(256)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017