第四章 DOM节点操作

1.什么是DOM:
DOM(document object model)文档对象模型,把每一个元素看做是一个
节点,然后对节点进行增删改查的操作

2.DOM的分类:
(1)Core Dom:可以对html,XHTML,xml进行操作
(2)html DOM:可以对html,XHTML进行操作
(3)XML DOM:可以对xml进行操作

3.DOM节点的分类:
(1)标签称之为元素节点
(2)属性称之为属性节点
(3)文本内容称之为文本节点

4.获取和设置属性的方法:
获取属性值:object.getArrtribute("属性名");
修改属性值:object.setArrtribute("属性名","属性值");

5.访问节点的方法1:
getElementById():返回一个节点对象
getElementsByName():返回多个(j节点数组)
getElementsByTagName():返回多个(节点数组)

6.访问节点的方法2(根据节点层次查询):
parentNode 父节点
firstChild 第一个子节点
lastChild 最后一个子节点
ChildNodes 返回子节点数组
nextSibling() 返回节点的下一个兄弟节点
previousSibling() 返回节点的上一个兄弟节点

7.创建和增加节点的方法:
createElement():创建节点
appendChild():末尾追加方式插入节点
insertBefore():在指定节点前插入新节点
cloneNode():克隆节点

8.删除和替换节点:
removeChild();删除节点
replaceChild():替换节点

9.什么是HTML对象:
html文档中的每个节点都是DOM对象,每类对象都有一套属性
方法,最常用的就是<table>表格和各类表单<form>元素对象

10.表格相关对象:
整个表格:table
表格中的一行:tableRow
表格中的一个单元格:tebleCell

11.表格中所有行的相关信息:
类别 名称 描述
属性 rows[] 返回包含表格中所有行的一个数组
方法 insertRow() 在表格中插入一个新行
deleteRow() 从表格中删除一行

12.表格单行的相关对象
类名 名称 描述
属性 cells[] 返回包含行中所有单元格的一个数组
rowIndex[] 返回该行在表中的位置
方法 insertCell() 在一行中的指定位置插入一个空的<td>标签
deleteCell() 删除行中指定的单元格

13.表格单个单元格的相关对象
类名 名称 描述
属性 cellIndex 返回单元格在某行单元格集合中的位置
innerHTML 设置或返回单元格的开始标签和结束标签之间的HTML
align 设置或返回单元格内部数据的水平排列方式
className 设置或返回元素的class属性

原文地址:https://www.cnblogs.com/suola/p/8275937.html