JS：获取元素属性

元素上属性字段

const el = document.getElementById('documentLabel')
console.log(el.clientWidth) // 可见区域宽
console.log(el.clientHeight) // 可见区域高
console.log(el.offsetWidth) // 可见区域宽 + 边线的宽
console.log(el.offsetHeight) // 可见区域高 + 边线的宽
console.log(el.scrollWidth) // 正文全文宽
console.log(el.scrollHeight) // 正文全文高
console.log(el.screenTop) // 被卷去的高
console.log(el.scrollLeft) // 被卷去的左

 浏览器属性

?

1 2 3 4 5 6

console.log(window.screenTop) // 网页正文部分上 console.log(window.screenLeft) // 网页正文部分左 console.log(window.screen.height) // 屏幕分辨率的高 console.log(window.screen.width) // 屏幕分辨率的宽 console.log(window.screen.availHeight) // 屏幕可用工作区高度 console.log(window.screen.availWidth) // 屏幕可用工作区宽度