DOM chapter05

来源:互联网 发布:让wow.js兼容ie8 编辑:程序博客网 时间:2024/06/08 16:26

一、DOM提供的五个方法:
1、getElementById
2、getElementsByTagName
3、getElementsByClassName
4、getAttribute
5、setAttribute
二、childNodes属性
1、 获取任何一个元素的所有子元素,是一个包含这个元素全部子元素的数组。
2、element.childNodes.length:获取所包含子元素的个数
3、window.onload = f
页面加载时,会执行函数f,所以每次刷新页面,会调用函数f
三、nodeType属性
1、childNodes返回的数组包含所有类型的节点,而不仅仅是元素节点,每一个节点都有nodeType属性。
2、element.nodeType:返回值如下:
(1)1:元素节点
(2)2:属性节点
(3)3:文本节点
四、nodeValue属性
1、< p id = “decription” >hello p< /p >
p1 = document.getElementById(“decription”);
p2 = document.getElementsByTagName(“p”);
p1.childNodes[0].nodeValue;//hello p
p2[0].childNodes[0].nodeValue;//hello p1.childNodes[0].nodeValue = “name”;//随之改变
五、firstChild 和 lastChild
1、firstChild:childNodes的第一个元素<=> childNodes[0]
2、lastChild:childNodes数组的最后一个元素。

0 0