W3C对象模型方法

原创 2007年10月15日 14:18:00
<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>*     W3C文档对象模型将网页结构作为树状节点处理,每一个节点代表网页中的一个元素,对应于HTML文件中的一对标记。因此,当通过id得到某一节点的元素对象后,就可以通过节点方便地得到与其相关的其他网页对象。

<li>*     通过W3C文档对象模型方法改变网页内容的步骤如下:通过节点对象的nodeValue方法得到网页中节点处网页元素对象的内容;通过文档对象的 creatElement方法或creatTextNode方法新建节点元素对象;通过节点对象的appendChild方法添加节点;通过节点对象的 replaceNode方法改变节点内容
<html>

<head>

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

      <title>W3C对象模型方法</title>

      <script language="JavaScript">

      <!--

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

            {   //定义节点

                 var titleTextNode = document.getElementById('titleBar').firstChild;

                 var title = titleTextNode.nodeValue;             //定义节点内容

                 alert(title);                                   //显示输出

            }

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

            {

                  //定义节点

                  var newTextNode = document.createTextNode('这是改变后的标题');

                  var titleNode = document.getElementById('titleBar');  //定义节点内容

                  var titleTextNode = document.getElementById('titleBar').firstChild;

                  titleNode.replaceChild(newTextNode,titleTextNode);          //替换

            }

      //-->

      </script>

</head>

<body bgcolor="#ffc0c0">

      <h2>W3C对象模型方法</h2><hr>

      <h1 id="titleBar">这是一个测试标题</h1>

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

               <!--通过onclick调用display()函数显示网页内容-->

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

               <!--通过onclick调用change ()函数改变网页内容-->

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

      </div>

</body>

</html>

.NET 神话

.NET 神话    Visual Studio.net 的发布已经有近半年了,Windows .net Server RC1 也已经发表了,老比倾力打造的 .NET 天堂即将全面完工。在 M$ 不遗...
  • Raptor
  • Raptor
  • 2002-08-26 11:33:00
  • 2835

Maven 对象模型

Maven中定义了一个单独的远程Maven仓库,ID为central,这是所有Maven客户端默认配置访问的中央Maven仓库,可以通过settings.xml文件去覆盖,这个超级POM关闭了从 中央...
  • daiyuntao841226
  • daiyuntao841226
  • 2014-02-10 13:47:46
  • 788

Maven的项目对象模型(POM)

 Maven是以项目为中心的设计。POM是Maven对一个单一项目的描述。没有POM的话,Maven是毫无用处的——POM是Maven的核心。是POM实现的并驱动了这种以模型来描述的构建方式。 下面的...
  • abigfrog
  • abigfrog
  • 2008-10-22 11:22:00
  • 7812

基于项目对象模型——maven

  • 2015年06月03日 14:34
  • 37.27MB
  • 下载

Maven项目对象模型(POM)

这是我学习maven时觉得比较重要的知识。 首先,Maven是Apache软件基金会组织维护的一款自动化构建工具,专注服务于Java平台的项目构建和依赖管理。它并不是一个框架,但是它其中的一个功能是用...
  • qq_36746327
  • qq_36746327
  • 2017-09-04 21:44:09
  • 206

<em>Maven</em>是基于项目<em>对象模型</em>(POM)

<em>Maven</em>是基于项目<em>对象模型</em>(POM),可以通过一小段描述信息来管理项目的构建,报告和文档的软件项目管理工具。综合评分:0 收藏评论举报 所需: 3积分/C币 下载个数: ...
  • 2018年04月07日 00:00

POM 项目对象模型

POM Maven项目,依赖,构建配置,以及构件:所有这些都是要建模和表述的对象。这些对象通过一个名为项目对象模型(Project Object Model,POM)的XML文件描述。 POM包含四类...
  • wb121010
  • wb121010
  • 2015-01-19 09:12:29
  • 1686

C ++ 对象模型

C++ 是面向对象的程序设计,除了和 C 一样支持 程序模型,同时也支持 抽象数据类型模型 和 面向对象模型,由于这些引起了 C++ 的复杂性,下面对 C++ 对象进行简要的分析。...
  • chenhanzhun
  • chenhanzhun
  • 2015-02-10 11:32:52
  • 1304

maven

Maven项目对象模型(POM),可以通过一小段描述信息来管理项目的构建,报告和文档的软件项目管理工具。 Maven 除了以程序构建能力为特色之外,还提供高级项目管理工具。由于 Maven 的缺...
  • xzh121121
  • xzh121121
  • 2018-01-15 10:06:20
  • 26

Maven实例

Maven项目核心:pom.xml   (Project  Object Model  项目对象模型) 以下为 实际操作实例: 1.首先创建一个名为hello-world(E:\MavenSr...
  • winy_lm
  • winy_lm
  • 2015-05-18 22:09:16
  • 389
收藏助手
不良信息举报
您举报文章:W3C对象模型方法
举报原因:
原因补充:

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