DHTML对象模型方法-innerHTML

原创 2007年10月15日 14:17:00
<li>*     DHTML对象模型方法为JavaScript提供了得到网页对象的另外方法,使用时可以不必具体了解文档对象模型的结构层次,而直接得到网页中的所需元素对象。这样,JavaScript就可以方便地改变网页内容及网页的表现方式。

<li>*     该对象模型方法具有如下特点。在HTML中,网页中的每一对标记就是一个元素对象,例如,&lt;p&gt;&lt;/p&gt;、&lt; div&gt;&lt;/div&gt;、&lt;table&gt;&lt;/table&gt;等。为得到网页中的对象,可先将每一个标记赋值为一个惟一的id,例如,&lt;p id="block1"&gt;&lt;/p&gt;、&lt;div id="titleBar"&gt;&lt;/div&gt;等。

<li>*     通过对对象id的引用,就可以使用“document.getElementById(元素标识)”方法得到所需的方法。

<li>*     innerHTML属性允许对HTML元素内容的简单读取和修改。在IE中,还支持innerText、outerText、outerHTML属性。

<li>*     innerText与innerHTML类似,只是用innerText设置的内容都被作为纯文本来处理。因此,不会生成相应的HTML元素。outerText与outerHTML属性,分别和相对的Inner属性相似,只是这两个属性还对元素本身进行修改。

<html>

<head>

      <meta http-equiv="Content-Type" content="text/html; charset=gb2312">

      <title>DHTML对象模型方法-innerHTML</title>

      <script language="JavaScript">

      <!--

            function display()          //函数:显示内容

            {

                  var title = document.getElementById('titleBar').innerHTML;

                  alert(title);

            }

            function change()          //函数:修改内容

            {

                document.getElementById('titleBar').innerHTML =

                                  '这是<span style="border:1px solid">改变后</span>的文本';

            }

      //-->

      </script>

</head>

<body bgcolor="#ffc0c0">

       <h2>显示和修改网页中文字的内容</h2><hr>

       <h1 id="titleBar">这是一行测试文本</h1><hr>

       <div style="margin-top:10px;">

             <!--分别通过onclick调用display()函数和change()函数,用以显示内容和修改内容-->

             <input type="button" value="显示"  onclick="display();">

             <input type="button" value="改变" onclick="change()">

      </div>

</body>

</html>

dhtml中文参考手册

  • 2011年03月03日 23:18
  • 4.26MB
  • 下载

DHTML帮助 手册

  • 2010年10月18日 13:34
  • 3.83MB
  • 下载

js手册、jquery手册、dhtml手册、css3手册

  • 2011年07月15日 12:15
  • 4.83MB
  • 下载

DHTML中重要的属性方法 (献给DHTML初学者)

由于DOM(文档对象模型)概念的推出,这个API使HTML如虎添翼,但是有些学DHTML的朋友还是有些困挠,只是因为目前的手册的书写不太科学,是 按字母来分的,不便查阅.其实DOM中最关键是要掌握节点...
  • nickshen3
  • nickshen3
  • 2007-06-21 17:56:00
  • 361

DHTML对象模型方法

*     在DOM中,可以对页面元素进行访问,甚至对其进行操作。对于文档中的特定区域,如果已对其进行了惟一标识,则可以对该区域进行检索。*     document.getElementById(元...
  • gaotianle
  • gaotianle
  • 2007-10-15 14:16:00
  • 452

DHTML 文档对象模型手册

  • 2007年09月20日 19:44
  • 175KB
  • 下载

DHTML 文档对象模型中文手册

  • 2009年12月15日 10:52
  • 175KB
  • 下载

DHTML参考手册

  • 2011年11月25日 09:06
  • 3.69MB
  • 下载

DHTML

  • 2007年12月11日 17:41
  • 3.69MB
  • 下载

DHTML对象模型

什么是对象模型呢打个比方,我们可以把一个房间当作一个对象模型,那么房间里面的人,桌子就是一个个对象,而人的行为就可以看作对象的动作,而语言就可以当作是一个事件的触发DHTML对象模型和房间这个对象模型...
  • 1k3
  • 1k3
  • 2008-03-13 22:02:00
  • 398
收藏助手
不良信息举报
您举报文章:DHTML对象模型方法-innerHTML
举报原因:
原因补充:

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