28）

元素的属性——attributes

　　div.attribute 是所有标签属性构成的数组集合

　　div.classlist 是所有class名构成的数组集合

　　　　classlist的原型链上看到 add（）；remove（）

　　1.client系列

　　　　client Width  /  client Height      设置的宽 高 内边距 （无边框）

　　　　clientLeft  /   clientTop    边框值

　　2.offset系列

　　　　offset Width  /  offset Height      宽 高 边框 内边距 

　　　　offsetLeft  /   offsetTop    元素外边距离父级内边距的距离

　　　　这个定位由position：absolute；

　　　　offsetTop参照物由父级元素身上的position：absolute / fixed 决定的，父级元素没有，就逐层找，直到body为止

　　　　offsetparent   返回这个元素的父元素

　　3.scroll系列

　　　　scroll Width  / scroll Height      宽 高 内边距        （超出范围按内容而定）

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

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

 

案例分析：

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

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

　　2.offset Left 有初始值，在标准浏览器下是8px 低版本没有

　　document.body 获取的是文档中的body标签

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

兼容性的写法：

　　获取浏览器可见区域的宽度——

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

　　IE6不支持document.documentElement　　

 

　　封装函数是一种函数的功能，它把一个程序员写的一个或多个功能通过函数。类的方法封装起来，对外只提供一个简单的函数接口；当程序员在写程序的过程中，需要执行同样的操作时，程序员（调用者）不需要写同样的函数来调用，直接可以从函数库调用。