Javascript第一周

DOM基础

DOM （Document Object Model） 即文档对象模型

DOM 有三个等级，分别是 DOM1、DOM2、DOM3。

获取DOM元素的方法根据W3C标准有以下几种：

1、getElementById()

getElementById()方法，接受一个参数：获取元素的 ID。如果找到相应的元素则返回该元素的 HTML 对象，如果不存在，则返回 null。

2、getElementsByTagName()

getElementsByTagName()方法将返回一个对象数组 HTML集合，这个数组保存着所有相同元素名的节点列表。

3、getElementsByName()

getElementsByName()方法可以获取相同名称(name)的元素，返回一个对象数组HTML集合。

4、getAttribute()

getAttribute()方法将获取元素中某个属性的值。接收一个参数：属性名。返回值是属性名对应的属性值。

5、setAttribute()

setAttribute()方法将获取元素中某个属性的值。接收两个参数：属性名和值。

6、removeAttribute()

removeAttribute()可以移除 HTML 元素的属性

DOM节点关系。

1、childNodes 属性

childeNodes 属性可以获取某一个元素节点的所有子节点，这些子节点包含元素子节点和文本子节点

2、firstChild 和 lastChild 属性

firstChild 用于获取当前元素节点的第一个子节点， 相当于 childNodes[0]； lastChild 用于获取当前元素节点的最后一个子节点，相当于 childNodes[box.childNodes.length - 1]。

3、parentNode、previousSibling、nextSibling 属性

parentNode 属性返回该节点的父节点；previousSibling 属性返回该节点的前一个同级节点；nextSibling 属性返回该节点的后一个同级节点。

4、attributes 属性

attributes 属性返回该节点的属性节点集合。

节点操作

1、write()方法

write()方法可以把任意字符串插入到文档中去。

2、createElement()方法

createElement()方法可以创建一个元素节点。接收一个参数节点标签

3、appendChild()方法

appendChild()方法讲一个新节点添加到某个节点的子节点列表的末尾上。

4、createTextNode()方法

createTextNode()方法创建一个文本节点。

5、insertBefore()方法

insertBefore()方法可以把节点创建到指定节点的前面。

6、repalceChild()方法

replaceChild()方法可以把节点替换成指定的节点。

7、cloneNode()方法

cloneNode()方法可以把子节点复制出来。

8、removeChild()方法

removeChild()方法删除指定节点

javascript学习笔记第一周DOM