Skip to content

获取 element 的 stlye 对象

css
 #elem-container{
   position: absolute;
   left:     100px;
   top:      200px;
   height:   100px;
 }
js
const divEl = document.querySelector('#elem-container')
const style = window.getComputedStyle(divEl) 

console.log(style.position) // absolute
console.log(style.left) // 100px
console.log(style.top) // 200px
console.log(style.height) // 100px

返回的 style 是一个实时的 CSSStyleDeclaration 对象,当元素的样式更改时,它会自动更新本身

2025( )
今日 8.33%
本周 42.86%
本月 48.39%
本年 4.11%
Powered by Snowinlu | Copyright © 2024- | MIT License