快速业务通道

小解innerHtml和innerText的区别

作者 佚名技术 来源 NET编程 浏览 发布时间 2012-04-12

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <script language="javascript">
function getinnerHTML()
{
alert(document.getElementById("d").innerHTML)
}
function setinnerHTML()
{
document.getElementById("d").innerHTML="<div id=''d'' style=''background-color:#449966''>这是一个层,嘿嘿</div>"
}
function test()
{
var timevalue = new Date();
document.all.clock.innerText = timevalue.getYear() + "-" + (timevalue.getMonth()+1) + "-" + timevalue.getDay() + " " + timevalue.getHours() + ":" + timevalue.getMinutes();
}
</script>
 </HEAD>

 <BODY>
  <div id="d" style="background-color:#ff9966">这是一个层</div>
<input type="button" value="获取innerHTML" onclick="getinnerHTML()">
<input type="button" value="设置innerHTML" onclick="setinnerHTML()">
<div id="clock">这是一个层</div>
<input type="button" value="获取innerText" Onclick="alert(clock.innerText)">
<input type="button" value="设置innerText" onclick="test()">

 </BODY>
</HTML>
对于innerText,即把"<font color=blue>test</font>"当成整体内容显示出来。而对于innerHTML而言,则把"<font color=blue>test</font>"当成页面的一部分,即显示兰色的test字符

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号