DOM

document 方法：

一、查

document.getElementById('id');

document.getElementsByTagName('div');  --> 返回类数组

document.getElementsByClassName('class');

document.getElementsByName('Name');

document.querySelector('div > span ');

document.querySelectorAll('div >span');

.parentNode(): 父节点；

.childNodes(): 子节点；

.firstChild(): 第一个节点；

.lastChild():最后一个节点；

.nextSibling(): 下一个兄弟节点；

.previousSibling():下一个兄弟节点的上一个节点；

.parentElement(): 元素父节点；

.children(): 元素子节点；

.childElementCount(): 子节点数量；

.firstElementChild():第一个元素节点；

.lastElementChild(): 最后一个元素节点；

.nextElementSibling():下一个兄弟元素节点；

.previousElementSibling():上一个兄弟元素节点；

.nodeName():标签名称；

.nodeValue():返回节点的文本；

.nodeType():该节点的类型；元素节点 --> 1 ， 属性节点 --> 2 ， 文本节点 --> 3 ， 注释节点 --> 8 ， document  --> 9 ，                                                            DocumentFragment --> 11 ;

document.documentElement()：整个HTML 文档；

document.createElement(): 创建元素节点（创建标签）；

document,createTextNode(): 创建文本节点；

document.createComment():创建注释节点；

.appendChild(): 插入操作；

.insertBefore(a,b): 插入操作；

parent.removeChild(): 父节点删除子节点；

.remove(): 删除自身；

parent.replaceChild(new,origin): new 标签替换origin标签；

.innerHTML()： 改变一个标签中的内容；

.innerText(): 获取标签中的文本内容；

.setAttribute('属性名', '属性值')： 给标签添加行间属性；

.getAttribute('属性名')： 获取属性的值；

document.body.scrollLeft() / document.body.scrollTop()： 求纵/横向滚动条滚动的距离；

getBoundingClientRect(): 查看元素的宽高等信息（几何尺寸信息）；

.offsetWidth()/.offsetHeight(): 求元素的宽/高。

.offsetLeft()/.offsetTop():求元素的位置，相对于父元素。

.offsetParent():求最近的有定位的父级。

document简间接控制CSS属性：

.style    --> 类数组；

window.getComputedStyle(ele,null): 获取计算样式，当前元素所展示的一切CSS属性，包括默认值；null --> 获取伪元素的样式

div.currentStyle():元素当前的CSS属性；

window对象：

setInterval(function(){..}, 200): 定时器（循环的 ）；每隔多长时间执行一次函数；

clearInterval(): 清除Interval定时器；

setTimeout(function(){..}, 200)： 定时器， 隔多长时间之后执行函数(只执行一次）；

clearTimeout(): 清除Timeout 定时器;

window.pageYOffset()/ window.pageXOffset(): 求纵/横向滚动条滚动的距离；

window.innerWidth()/window.innerHeight(): 求可视区窗口的宽/高; 

window.scroll(x,y)/window.scrollTo(x,y): 让滚动条滚动到指定的位置；

window.scrollBy(x,y): 让滚动条滚动多少距离（累加效果）;

Date对象： 

属性： constructor  返回此对象的Date函数引用    prototype ;

方法：

Date(): 返回当前日期字符串；

getDate():返回一个月中的第几天；

getDay(): 返回一星期中的第几天； 0 --> 星期日   1 --> 星期一 ....

getMonth():返回当前月份； 从0 开始  。

getFullYear():返回4位数年份

getYear()： 使用getFullYear代替；

getHours(): 获取小时；

getMinutes():获取分钟；

getSeconds(): 获取秒；

getMillseconds(): 获取毫秒；

getTime(): 获取自1970年1月1日至现在的毫秒数；

setYear():

setMonth():

setHours();

setMinutes();

setSeconds();

setMillseconds();

setTime();

toString(): 时间转换为字符串；