Dom 是什么的详细说明

181 阅读 0 评论 120 点赞

我是靠谱客的博主机智蓝天，最近开发中收集的这篇文章主要介绍Dom 是什么的详细说明，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

温馨提醒： Dom文档对象模型 chm版提供下载　点击下载

什么是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中很重要的方法！我保证web圈提供的dom手册将是本世纪函盖面最广，涉及dom内容最全最详细的．仔细阅读吧年轻的程序员，相信他对你会有帮助！

Dom可以在网页中做什么？

HTML Dom中最常用的几个方法之查找元素

Dom之引用当前整个网页文档：document
Dom如何快速在网页中查找某一元素：getElementById
Dom中查找一组标签，具有相同名称的标签元素：getElementsByTagName
根据标签的Id属性值或name属性来查找多个元素：getElementsByName

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

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

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

HTML Dom中的insertRow方法可以为表格增加一行
删除表格中一行的方法是：deleteRow
HTML Dom中的insertCell方法可以为表格某行中增加一列
删除行中的一列的方法是：deleteCell
HTML Dom中的createCaption方法可以为表格创建一个标题
HTML Dom中的createTHead方法可以为表格创建一个Thead
HTML Dom中的createTFoot方法可以为表格创建一个TFoot
引用表格中所有行的属性为：rows
引用表格中某行的所有列：cells
移动表格中的行，只支持IE：moveRow

Dom中操作父元素，子元素，兄弟元素的相关命令

获取父元素的指令是：parentNode
获取元素中第一个子元素：firstChild
获取元素中最后面的那个子元素：lastChild
获取元素中所有的子元素：childNodes
获取前一个兄弟元素：previousSibling
获取后一个兄弟元素

作者：康董　　2010-10-22

Dom手册使用说明

你看到左侧的列表内容,即是Dom手册,你可以点击他们来了解其详细说明和用法.利用索引框可以快速的在Dom手册列表中查找你想要的内容. Dom所有方法或属性均为英文字母,所以不支持中文搜索.例如你可以尝试输入offsetTop或offsetLeft自动补全功能会让你事半功倍.该手册每页显示50条内容,您可以使用分页导航来查阅. 如果你在该Dom手册中未找到你想要的内容,请查看下面的Dom手册完善计划!

Dom手册完善计划

Web 圈致力于打造最全最详细的 html手册,css手册,dom手册,javascript手册,xmlhttp手册.这离不开您的支持与参与!高手必与众同乐,分亨是我们永恒的主题,所以不要吝啬您的代码.唯有分享,才能共同步,共同提高.如果您未在该Css手册内容中,查找到您想要的内容.请参与我们的完善计划,或者您对该Dom手册内容中解释不到位的,也可以参与补充.我们非常乐意接收您的建议!参与手册完善计划