首页 > 代码库 > 总结一下最近几天的学习

总结一下最近几天的学习

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方式只有在特殊的情况下用。

 

  

 

总结一下最近几天的学习