js css操作
行内样式
el.style.fontSize="18px"
传统class改变
el.className="red"
设置元素的类名为red
classList
add()
添加
remove()
删除
toggle()
切换
获取到css最终值
document.defaultView.getComputedStyle(el,null).css属性
css中高度获取
clientHeight 元素内容的高
offsetHeight 元素内容+边框的高
scrollHeight 元素内容+滚动区域的高
滚动距离获取
scrollTop 元素滚动顶部的距离
scrollLeft 元素滚动左侧的距离
元素在页面中个位置
el.getBoundingClientRect()
top
距浏览器可视区域顶部的距离
left
width
height
el.offsetTop
e.offsetLeft
距离已定位的父亲(body)元素距离