DOM及DOM技术介绍

《DOM及DOM技术介绍》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、DOM及DOM技术介绍本文概述了一些强大的，基本的DOM级别一中的方法以及如何在JavaScript中使用它们。你将会学习到如何动态地创建，访问，控制以及移除HTML元素。这里提到的DOM方法，并非是HTML专有的；它们在XML中同样适用。这里所有的示例，在任何全面支持DOMlevel1的浏览器里都能正常工作；例如Mozilla浏览器或者其他基于Mozilla的浏览器，像网景公司的下一代导航者（Navigatior）浏览器等。这里的示例代码在IE5中也能正常工作。（这里所提到的DOM方法是文档对象

2、模型规范（级别一）的核心的一部分。DOM级别一包括对文档进行访问和处理的方法（DOM1核心）和专门为HTML文档定义的方法。）DOM简介：DOM的全称是文档对象模型（即DocumentObjectModel），它在本质上是一种文档平台。文档对象模型（DOM）是表示文档（比如HTML和XML）和访问、操作构成文档的各种元素的应用程序接口（API）。支持Javascript的所有浏览器都支持DOM。DOM实际上是一个能够让程序和脚本动态访问和更新文档内容、结构和样式的一种语言平台。这段文字是通过一个实

3、例代码来介绍了DOM的。那么我们从下面的HTML示例来开始吧。这段示例使用了DOM级别一的方法，从JavaScript动态创建了一个HTML表格。它创建了一个包含了四个单元的小表格，并且在每个单元中含有文本。单元中文字内容是“这个单元式y行x列”，来展示单元格在表格中所处的位置。

7、>注意我们创建元素和文本节点的顺序：首先我们创建了TABLE元素。然后，我们创建了TABLE的子元素--TBODY。然后，我们使用循环语句创建了TBODY的子元素--TR。对于每一个TR元素，我们使用一个循环语句创建它的子元素--TD。对于每一个TD元素，我们创建单元格内的文本节点。现在，我们创建了TABLE，TBODY，TR，TD等元素，然后创建了文本节点；接下来，我们将每一个对象接在各自的父节点上，使用逆序：首先，我们将每一个文本节点接在TD元素上mycurrent_cell.a

8、ppendChild(currenttext);然后，我们将每一个TD元素接在他的父TR元素上。mycurrent_row.appendChild(mycurrent_cell);然后，我们将每一个TR元素接在他们的父TBODY元素上。mytablebody.appendChild(mycurrent_row);下一步,我们将TBODY元素接在他的父TABLE元素上mytable.appendChild(mytablebody);最后，我们将TABLE元素接在他的父元素BODY上。