js css的操作

1. 行内样式

2. el.style.fontSize=“18px”

3. 传统class改变

   el.className="red"    设置元素的类名为red
   

设置元素的类名为red

1. classList

   add（）
   

添加
remove（）
删除
toggle（）
切换

2. 获取到css最终值

   document.defaultView.getComputedStyle(el,null).css属性
   

3. css中高度获取

   clientHeight 元素内容的高
   offsetHeight 元素内容+边框的高
   scrollHeight 元素内容+滚动区域的高
   

4. 滚动距离获取

   scrollTop 元素滚动顶部的距离
   scrollLeft 元素滚动左侧的距离
   

5. 元素在页面中个位置

   el.getBoundingClientRect()
   	top
   		距浏览器可视区域顶部的距离
   	left
   	width
   	height
   el.offsetTop
   

e.offsetLeft
距离已定位的父亲（body）元素距离