DOM高级编程（一）

问题：1. 什么是DOM ？

DOM是 Document Object Model   

     2. 实现动态修改表格网页其他元素特行

 1.解析文档并生成DOM树 

 2.通过DOM接口编程改变文档内容

整个文档是一个文档节点。

每个HTML标签都是一个元素节点

包含在HTML元素中的文本是文本节点

每一个HTML属性都是一个属行节点

注视属于注释节点 

4.12 DOM的组成

Core DOM ：也称核心DOM 编程,定义了一套标准的针对任何结构化文档的对象,包括HTML XHTML XML

XML DOM ：定义了一套标准的针对XML文档对象

HTML DOM ： 定义了一套标准的针对HTML文档对象。

1.使用getElement系列方法访问指定节点

getElementById():(HTML DOM)

getElementsByName():(HTML DOM)

getElementsByTagName():(Core DOM)

动态地改变文档的属性

getAttribute（“属性名”）；用来获取属性的值

setAttribute （“属性名”,“属性值 ”）

-----经验总结---------------------------------------------------

使用getAttribute（） 方法读取属性时,如果属性不存在,getAttribute（）返回null

访问文档中的根节点：

documnet.documentElement。

document.body

4.2.2 创建和增加节点

名称                                                        描述

createElement(tagName)                 按照给定的标签创建一个新的元素节点

appendChild（nodeName）            向已存在节点列表的末尾添加新的子节点

insertBefore（newNode,oldNode）向指定的节点之前插入一个新的子节点

cloneNode(deep)                                 复制某个指定的节点

-----说明--------------------------------------------------------------------

insertBefore（newNode,oldNode）中的有两个参数.newNode 是必选项；表示新插入的节点;oldNode是可选项，表示新节点被插入到oldNode 节点的前面

cloneNode(deep) 中的参数deep是布尔值,当deep的值为true时,会复制指定的节点及它的所以字节点;deep的值为false时,只复制指定的节点及所有子节点;当deep的值为false时；只复制指定的节点和它的属性。

4.3.2访问HTML DOM 对象的属性 

由于HTML中的每个节点都是一个对象;所以访问或设置对象的属性值时 ，" 对象名.属性" 

4.3.3表格对象 

在HTML中表格是由<table>标签来定义的，每个表格均有若干行（<tr>标签定义），每行分割成若干个单元格（<td>标签定义）

TableObject,TableRowobject，TablecellObject，随<table>标签 <tr>标签 <td>标签而分别建立

Table对象
类别   名称   描述   

属性  rows[]                  返回包含表格中所以行的一个数组

方法  insertRow()        在表格中插入一个新行

          deleteRow()     从表格中删除一行

tableobject.insertRow（index）； 

tableobject.deleteRow(index);

index表示 新行将被插入到index所在行之前。若在index等于表格中的行数，则新行将被插入到表格的末尾；若index等于0；则新行将被插入到表格的第一行；

index（0，表格中行数）

TableRow对象

类别          名称                 描述

属性          cell[]                 返回包含行中所有单元格的一个数组

                  rowIndex         返回该行在表中的位置

方法          insertCell（）在一行中的指定位置插入一个空的<td>标签

                  deleteCell()     删除行中指定的单元格 

tableRowObject.insertCell(index);

index表示新单元格将插入到index所在单元之前,如果index等于行中的单元格数,则新单元格被插入到行的我、末尾index=0;则新单元格插入到开头

tableRowObject.deleteRow(index);

TableCell对象

类别        名称                           描述

属性         cellIndex                 返回单元格在某行单元格集合中位置

                 innerHTML             设置或返回单元格的开始标签和结束标签之间的HTML

                 align                        设置或返回单元内部数据的水平排列方式

                className             设置或返回元素的class属性