js css操作

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)元素距离

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 滚动获取距离
    吃肉肉不吃肉肉阅读 31评论 0 0
  • Dom 定义: 当浏览器去解析html标签完毕后会生成一个dom树形结构 会有三种类型节点 元素类型 文本类型 属...
    aaa8d290c8aa阅读 186评论 0 0
  • ​伍​月​早报 12月9​日 周一 ​第771期 只是观点 ​不​必认​同 有趣的​反义词是​无趣? No!​有​...
    伍月丁岚阅读 793评论 0 1
  • 抖落身上的年味 再次的把旅程放在了脚下 不管是团圆的喜悦 还是亲情里的辛酸 不管是泪还是欢颜 清...
    信步云天阅读 509评论 7 16
  • 今天花了一天时间来准备 iKindle 发布,如联系媒体朋友、准备 Product Hunt 文案、开启豆瓣小组、...
    ITJason阅读 168评论 0 0