Html Dom是什么？Html Dom能够在网页中做什么？

转自： http://www.web666.net/dom

什么是Dom

Dom:英文全称－Document Object Model 译成中文即是：文档对像模型．听起来很术语，其实就是文档内容的结构关系．文档类型可以是HTML或XML
Dom具有对Html文件和XML文件元素的访问控制能力，简单点说利用Dom可以对某个html或xml文件添加，修改，删除元素．更改其现有的结构或内容．
如果你未接触过Dom，你会发现Dom太神奇了．．．不管你是菜鸟还是高手，在这个注重用户体验的web设计时代里，Dom是至关重要的. 如果你是一名有经验的web设计者，你应该看到过或用过以下这些命令或方法 getElementById getElementsByTagName offsetParent appendChild getAttribute 　不过至今仍有人认为这些都是JavaScript中的东西，其实不然，这些全是Dom中很重要的方法！

 

Dom可以在网页中做什么？

HTML Dom中最常用的几个方法

1. Dom之引用当前整个网页文档：document
2. Dom如何快速在网页中查找某一元素：getElementById

Dom中创建，添加，删除，修改，替换，复制，网页中的标签和文本内容的方法如下．

1. 在网页中的创建一个标签元素：createElement
2. 创建一段文本内容：createTextNode
3. 向网页中添加元素：appendChild
4. 删除元素的Dom方法是：removeChild
5. 修改网页中标签元素的属性：setAttribute
6. 替换已存在的标签或元素：replaceChild
7. 复制克隆已存在的标签或元素：cloneNode
8. 获取和修改元素内的html标签与文本内容：innerHTML
9. 获取或修改元素的文本内容，仅支持IE：innerText
10. 获取或修改元素的文本内容，支持FF：textContent

HTML Dom中还专门提供了一组接口用来操作网页中的表格Table元素

1. HTML Dom中的insertRow方法可以为表格增加一行
2. HTML Dom中的insertCell方法可以为表格某行中增加一列
3. HTML Dom中的createCaption方法可以为表格创建一个标题
4. HTML Dom中的createTHead方法可以为表格创建一个Thead
5. HTML Dom中的createTFoot方法可以为表格创建一个TFoot
6. 引用表格中所有行的属性为：rows
7. 引用表格中所有列或者某行的所有列

0人

了这篇文章

类别：未分类┆阅读( 0)┆评论( 0) ┆ 返回博主首页┆ 返回博客首页

下一篇 ajax系列教程，从读取，修改，添加，到酷酷的..