登录模块加载中...
会员投稿 投稿指南 今天是:
打印本页 | 关闭窗口 | 双击滚屏 您的位置首页>>网页制作学习园地>>网页制作>>网站设计原则>>DOM文档对象模型
DOM文档对象模型
来源: ‖ 作者: ‖ 点击: ‖ 时间:12-04-09 14:19:38 ‖ 【 】‖ 我要投稿
1、DOM

WEB标准现在可真是热门中热门,不过下面讨论的是一个不符合标准的document.all[]。DOM--DOCUMENT OBJECT MODEL文档对象模型,提供了访问文档对象的方法.例如文档中有一个table,你要改变它的背景颜色,那就可以在javascript中用document.all[]访问这个TABLE。但DOM也有所不同,因为浏览器厂商之间的竞争,各浏览器厂商都开发了自己的私有DOM,只能在自己的浏览器上正确运行,document.all[]就是只能运行在 IE是的微软的私有DOM。为了正确理解DOM,给出IE4的DOM

2、理解document.all[]

从IE4开始IE的object model才增加了document.all[],来看看document.all[]的Description:
Array of all HTML tags in the document.Collection of all elements contained by the object.

也就是说document.all[]是文档中所有标签组成的一个数组变量,包括了文档对象中所有元素(见例1)。

IE's document.all collection exposes all document elements.This array provides access to every element in the document.

document.all[]这个数组可以访问文档中所有元素。

例1(这个可以让你理解文档中哪些是对象)
  1. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <title>Document.All Exampletitle>
  5. <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
  6. head>
  7. <body>
  8. <h1>Example Headingh1>
  9. <hr />
  10. <p>This is a <em>paragraphem>. It is only a <em>paragraph.em>p>
  11. <p>Yet another <em>paragraph.em>p>
  12. <p>This final <em>paragraphem> has <em id="special">special emphasis.em>p>
  13. <hr />
  14. <script type="text/javascript">