11.12

元素的属性

attributes   是所有标签属性构成的数据集合。

classList 是所有class名构成的数组集合，有add( )和remove( )

　　1.client系列

　　　　clientHeight / clientWidth、是我们设置的宽和高加上内边距（没有边框）

　　　　clientLeft / clientTop 就是我们设置的边框值

　　2.offset系列

　　　　offsetHeight / offsetWith是我们设置的宽和高加边框加内边距

　　　　offsetLeft / offsetTop 是元素外边距离父级的内边距的距离，这个父级由定位position：absolute/fixed；决定

　　　　offsetParent  返回这个元素的父级

　　3.scroll系列

　　　　scrollHeight / scrollWidth  就是我们设置的宽高加上内边距，（内容没有溢出的前提下）如果超出了范围就按内容而定。

　　　　scrollTop / scrollLeft  滚动条卷走的高度和宽度

如果我们设置了小数，都会向上取整　

　　 offset 往往和我们做元素的运动有关

　　　　1.offset必须和position配合使用，往往这个值必须是absolute，

　　　　2.offsetLeft 有初始值，在标准浏览器下是8px 

　　　　3.

document。body  获取文档中的body标签

document. documentElement获取的是文档中根节点

Document.body.clientWidth

Document.documentElement.clientWidth

 

二者获取的width的值不一样差16px，怎样让他们一样。

 一个css就搞定了

Ie6不支持document.documentElement,

兼容性写法

Var w=document.documentElement.clientWidth||document.body.clientWidth

获取浏览器可见区的宽度

逻辑运算 ||  &&  ！

 

|| 遇到第一个为真就返回

&& 遇到第一个为假就终止，返回false，如果没遇到就返回最后那一个

5&&4&&2&&1  ==》1

5&&0&&3&&0  ==>0

5||2&&3  且的优先级高于或  2&&3=》3   5||3 ==》5