innerHTML innerText

详细看帮助手册<div onclick="alert(this.innerText)">
<span>这是innerText</span>
</div>
<div onclick="alert(this.innerHTML)">
<span>这是innerHTML</span>
</div> 

解决方案 »

  1.   

    innerText只会把你输入的东西当字符串放到div中。
    innerHTML会把输入的东西按html解释。
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-loose.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=gbk" /> 
    <title></title> 
    <style></style>
    </head>
    <body>
    <div id="textDiv"></div>
    <div id="htmlDiv"></div>
    </body> 
    </html>
    <script>
    document.getElementById("textDiv").innerText = "<img src='1.gif' />";
    document.getElementById("htmlDiv").innerHTML = "<img src='1.gif' />";
    </script>
    可以看出textDiv的内容为字符串<img src='1.gif' />，而htmlDiv的内容是一幅图