innerHTML和innerText的用法(动态改变网页内容)

转载 2015年07月09日 09:33:03

最近在学习JavaScript,觉得innerHTML和innerText太有用了,利用它们,我们可以试自己的网页实现动态化。不过在使用的过程中,千万要注意它们的大小写,因为错一点您就得不到预期的效果了。这是全新的方法,当您掌握它以后将可随心所欲的设计动态内容了,不可错过哦!


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  

<html>  
    <head>  
    <meta http-equiv="Content-Type        content="text/html;charset=UTF-8">  
   <title>innerText和innerHTML用法实例</title>  
    <script language="JavaScript" type="text/javascript">   
        function changeText() {   
            DT.innerText="我很好!";   
        }//function   
  
        function changeHtml() {   
            DH.innerHTML="<i><u>我姓肖!</u></i>";   
        }//function   
       function back() {   
            DT.innerText="您好吗?";   
            DH.innerHTML="您姓什么?";   
        }   
    </script>  
   </head>  
    <body>  
       <p><font color="gray">请点击下边的文字……</font>   
        <ul>   
       <li id="DT" onclick="changeText()">您好吗? </li>   
        <li id="DH" onclick="changeHtml()">您姓什么? </li>   
        <li onclick="back()">恢复原样! </li>   
        </ul>  
   </body>  
</html>  

js中innerHTML与innerText的用法与区别

转载自:http://www.phpweblog.net/kiyone/archive/2007/05/17/1206.aspx js中innerHTML与innerText的用法与区别 ...
  • YTTCJJ
  • YTTCJJ
  • 2012年02月23日 20:05
  • 47866

jquery中 html() text() val() innerText总结

首先把总重要的总结下来 jQuery封装的方法html,text,val .html()用为读取和修改元素的HTML标签 .text()用来读取或修改元素的纯文本内容 .val()用来读取...
  • jacky_zh
  • jacky_zh
  • 2014年12月04日 09:06
  • 14193

js中innerHTML与innerText的用法与区别

  • 2010年04月29日 23:24
  • 5KB
  • 下载

innerHTML、outerHTML、innerText、outerText的用法与区别

  • 2013年05月09日 10:01
  • 55KB
  • 下载

js中innerHTML与innerText的用法与区别

例 动态改变文本和Html DHtml举例12 function changeText() { DT.innerText="
  • ZYY88886666
  • ZYY88886666
  • 2017年04月07日 18:59
  • 605

动态修改元素内容 innerText、innerHTML、outerText、outerHTML

中国风 function IT(){ f1.innerText="innerText"; } function IH(){ f1.innerHTML="innerHTML"; } func...
  • hanshileiai
  • hanshileiai
  • 2013年07月18日 14:21
  • 3248

js中innerText,innerHTML的用法

innerText,outerText,innerHTML,outerHTML 这次我们要使用另一些对象属性对来实现动态改变文本,它们就是:innerText,outerText,innerHTML...
  • judyge
  • judyge
  • 2015年12月08日 20:18
  • 156

innerText 使用

function showTime(){ //在元素间的文本就是通过 对象 .innerText document.getElementById("mytime").innerText =...
  • csdt_csdt
  • csdt_csdt
  • 2014年01月22日 17:00
  • 387

js中innerHTML与innerText的用法与区别

例 动态改变文本和Html DHtml举例12 function changeText() { DT.innerText="
  • ZYY88886666
  • ZYY88886666
  • 2017年04月07日 18:59
  • 605

JS魔法堂:被玩坏的innerHTML、innerText、textContent和value属性

JS魔法堂:被玩坏的innerHTML、innerText、textContent和value属性 http://www.cnblogs.com/fsjohnhuang/p/4319635.html...
  • yangting09032214
  • yangting09032214
  • 2016年06月29日 10:00
  • 394
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:innerHTML和innerText的用法(动态改变网页内容)
举报原因:
原因补充:

(最多只允许输入30个字)