DOM知识总结

DOM的定义

DOM 为文档提供了结构化表示，并定义了如何通过脚本来访问文档结构。目的其实就是为了能让js操作html元素而制定的一个规范。

DOM树结构

各个节点

注意：
nodeType == 1 元素节点
nodeType == 2 属性节点
nodeType == 3 文本节点

DOM节点操作

1，创建节点
var div = document.createElement();

2,插入节点：
第一种： appendChild(); 添加孩子
意思： 添加孩子 放到盒子的 最后面。
第二种：insertBefore(插入的节点，参照节点)
AA:放到了第一个孩子的前面
BB:如果第二个参数 为 null 则 默认这新生成的盒子放到最后面。

3,移除节点 removeChild() 孩子节点

4, cloneNode(); 复制节点
第一种：括号里面可以跟参数 ， 如果 里面是 true 深层复制， 除了复制本盒子，还复制子节点
第二种：如果为 false 浅层复制 只复制 本节点 不复制 子节点。

设置节点属性：

1， getAttribute(属性) 获取属性
2， setAttribute(“属性”,”值”); 设置某个属性
3，removeAttribute(“属性”); 删除某个属性

常用的日期的方法

getDate() 获取日 1-31
getDay () 获取星期 0-6
getMonth () 获取月 0-11
getFullYear () 获取完整年份（浏览器都支持）
getHours () 获取小时 0-23
getMinutes () 获取分钟 0-59
getSeconds () 获取秒 0-59
getMilliseconds () 获取当前的毫秒
getTime () 返回累计毫秒数(从1970/1/1午夜)

定时器

1，开启定时器
window.setInterval(“执行的函数”,间隔时间)
2，关闭定时器
clearInterval(定时器名称);
3， setInterval(fn,5000); 每隔 5秒钟，就去执行函数fn一次
setTimeout(fn,5000); 5秒钟之后，去执行 fn 函数， 只执行一次

arguments对象

1，arguments.length; 返回的是 实参的个数。
但是这个对象有讲究，他只在正在使用的函数内使用。
2，arguments.callee;
返回的是正在执行的函数。 也是在函数体内使用。 在使用函数递归调用时推荐使用arguments.callee代替函数名本身。

获取字符位置方法

charAt()，获取相应位置字符（参数： 字符位置）
charCodeAt()获取相应位置字符unicode编码（参数： 字符位置）

操作字符串

1,concat() 连接字符串

2, slice(“取字符串的起始位置”, [结束位置]) ; 包左不包右
起始位置可以是负数 ， 如果是负数，则是从 右边往左边开始取。

3，substr(起始位置,[取的个数])

保留小数位数三种方法

1.console.log(str.substr(0,str.indexOf(“.”)+3));
通过 indexOf 返回小数点的位置 截取字符串
2 console.log(parseInt(PI*100) /100);
先乘以100 取整 然后 除以100
3 console.log(PI.toFixed(2));
pi.toFixed(2) 保留 2位 小数

缓动动画公式

leader = leader + (target - leader ) /10 ;