dom基础知识

概念

Dom:英文全称－Document Object Model 译成中文即是：文档对像模型．听起来很术语，其实就是文档内容的结构关系．文档类型可以是HTML或XML，Dom具有对Html文件和XML文件元素的访问控制能力，简单点说利用Dom可以对某个html或xml文件添加，修改，删除元素．更改其现有的结构或内容

元素查找

Dom之引用当前整个网页文档：document

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

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

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

dom操作

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

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

创建一段文本内容：createTextNode

向网页中添加元素：appendChild

删除元素的Dom方法是：removeChild

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

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

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

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

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

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

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

获取父元素的指令是：parentNode

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

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

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

获取前一个兄弟元素：previousSibling

获取后一个兄弟元素

dom关于table的接口操作

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