JS:获取元素属性
2024-10-10 14:16:35
元素上属性字段
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) // 被卷去的左
浏览器属性
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) // 屏幕可用工作区宽度
最新文章
- Sql Server数据库备份和恢复:原理篇
- 使用nuget打包类库并发布
- JS——全选与反选
- BZOJ 4245: [ONTAK2015]OR-XOR
- 不安装Oracle客户端使用PL/SQL连接服务器端Oracle
- PHP-traits新特性详解
- 向网页中写入js和css
- poj3160强连通分量加dfs
- DNS解析全过程
- maven系列--maven常用命令
- 【NOIP2014】解方程(枚举)
- Vue(十一)计算属性
- M2团队贡献分分配
- Async Performance: Understanding the Costs of Async and Await
- akka pubsub example
- Python学习笔记第十一周
- Linux操作系统,服务器端的主流
- CocoaPods :为iOS程序提供依赖管理的工具(yoowei)
- sqlsever实现更改字段名
- Curved UI - VR Ready Solution To Bend Warp Your Canvas 1.7,1.8,2.2,2.3 四种版本压缩包(Unity UGUI曲面插件),可以兼容VRTK
热门文章
- 用云服务器搭建frp服务(超详细)
- 【深入浅出Seata原理及实战】「入门基础专题」探索Seata服务的AT模式下的分布式开发实战指南(2)
- 1. 使用 fluent-bit 采集文件
- XCTF-web新手区
- 双层拖拽事件,用鼠标画矩形,拖动右下角可以再次改变矩形大小,方案一 有BUG
- vue 解决循环引用组件/动态组件/组件未注册报错
- 假如你想在VUE的main.js里根据条件按需引入注册组件以及样式,那就这样子写,附赠自己写的vue一个框架配置多系统按需加载系统路由以及组件办法
- 04HDFS简介
- 用XAMPP搭建本地:Web服务器,访问服务器,下载服务器。
- 树莓派UBUNTU MATE 自动登录用户