1.定时器
(1)setInterval(函数,时间):按照周期时间调用函数,第一个参数为要调用的函数,第二个参数为周期(单位为毫秒)。注意:该方法会先等一个周期再执行函数,所以刷新的时候会出现函数未执行状态,最好用的时候先调用一次函数。
(2)setTimeout(函数,时间):指定毫秒数后调用函数。
(3)关闭定时器clearInterval(),clearTimeout();给定时器起个名字,然后把名字放到关闭定时器方法的括号里。
2.DOM操作
(1)childNodes 返回子节点集合
<ul> <li> </li> <li> </li> </ul>
上述代码在chrome和foxfire以及IE9里调用childNodes.length会返回5,因为这些浏览器会把文本节点也算进去。而在我一般的理解力childNodes只是元素节点,所以我用的时候出现了一些错误。不过childNodes.length在IE6~IE8中返回2。
所以在用childNodes时通常会和nodeType结合来用,nodeType会以数字值的形式返回节点的类型,例如1代表元素,2代表属性......
children方法:和childNodes类似,但是children只返回属性节点。
(2)parentNode 返回父节点
offsetParent返回父节点的类型
(3)firstChild和firstElementChild
两个方法都是返回第一个子节点,不同的是firstChild在IE6~IE8中返回的是第一个元素节点,而在IE9以及其他高版本的浏览器中返回的是第一个文本节点,在上述代码中也就是第一个<li>前的文本节点。而firstElementChild与之相反,在IE6~IE8中返回第一个文本节点,在IE9以及其它浏览器中返回的是第一个元素节点。所以在用的时候用个if()else判断一下。
lastChild和laseElementChild,nextSibling和nextElementSibling(下一个兄弟节点),previousSibling和previousElementSibling(上一个兄弟节点)也和上面的两个方法有同样的问题。
(4)getAttribute(属性)获取属性值,setAttribute(属性,值)设置属性的值,removeAttribute(属性)删除属性
这三种操作属性的方法属于DOM方式,还有两种操作属性的方法是oDiv.style.background=" ",oDiv.style.["background"]=" ".这两种比较常用,DOM方式只有在特殊的情况下用。