总结一下最近几天的学习

Posted 2020-09-04

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