DOM

什么是Dom

在学习中发现js对象和JS的DOM对象的各个属性方法很多地方混淆，看到web前端开发一篇关于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之引用当前整个网页文档：documentDom

如何快速在网页中查找某一元素：getElementById

Dom中查找一组标签，具有相同名称的标签元素：getElementsByTagName

根据标签的Id属性值或name属性来查找多个元素：getElementsByName

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

在网页中的创建一个标签元素：createElement_x

创建一段文本内容：createTextNode

向网页中添加元素：appendChild

删除元素的Dom方法是：removeChild

修改网页中标签元素的属性：setAttribute

替换已存在的标签或元素：replaceChild

复制克隆已存在的标签或元素：cloneNode

获取和修改元素内的html标签与文本内容：innerHTML

获取或修改元素的文本内容，仅支持IE：innerText获取或修改元素的文本内容，支持FF：textContent

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

HTML Dom中的insertRow方法可以为表格增加一行

删除表格中一行的方法是：deleteRowHTML 

Dom中的insertCell方法可以为表格某行中增加一列

删除行中的一列的方法是：deleteCellHTML 

Dom中的createCaption方法可以为表格创建一个标题HTML 

Dom中的createTHead方法可以为表格创建一个TheadHTML 

Dom中的createTFoot方法可以为表格创建一个TFoot

引用表格中所有行的属性为：rows

引用表格中某行的所有列：cells

移动表格中的行，只支持IE：moveRow

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

获取父元素的指令是：parentNode

获取元素中第一个子元素：firstChild

获取元素中最后面的那个子元素：lastChild

获取元素中所有的子元素：childNodes

获取前一个兄弟元素：previousSibling

获取后一个兄弟元素nextSibling




本文转自博客园，   如有侵权，还望海涵。
源地址：http://www.cnblogs.com/jiangyehu1110/p/3245014.html ;