码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript中innerText和innerHTML的区别

时间:2015-02-28 14:15:53      阅读:154      评论:0      收藏:0      [点我收藏+]

标签:

案例

<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
  <script type="text/javascript">
    onload=function(){
     //把所有内容全部设置到层中。
     document.getElementById(‘btn1‘).onclick=function(){
           document.getElementById(‘dv‘).innerText=‘<h1>标题</h1>‘;
     };
        //把效果直接显示出来
     document.getElementById(‘btn2‘).onclick=function(){
           document.getElementById(‘dv‘).innerHTML=‘<h1>标题</h1>‘;
     };
        //只获取文字内容
     document.getElementById(‘btn3‘).onclick=function(){
      alert( document.getElementById(‘dv‘).innerText);
     };
        //获取该效果的所有标签和文本
     document.getElementById(‘btn4‘).onclick=function(){
      alert( document.getElementById(‘dv‘).innerHTML);
     };           
    };
  </script>
</head>
<body>
<div id="dv">
</div>
<input type="button" id="btn1" value="设置innerText"/>
<input type="button" id="btn2" value="设置innerHtml"/>
<input type="button" id="btn3" value="获取innerText"/>
<input type="button" id="btn4" value="获取innerHtml"/>
</body>
</html>
技术分享

JavaScript中innerText和innerHTML的区别

标签:

原文地址:http://www.cnblogs.com/mcad/p/4305176.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!