原生js——无法获取元素高度的的问题


今天遇到了xxx.style.width无法获取元素宽度的问题,原来一直没有注意到这个小细节:

1)如果width:150px;是写在 css 样式表(外链式)里面的,获取宽度或者高度的方法是:

xxx.offsetWidth、xxx.offsetHeight

2)如果width:150px;是内联样式(style=“width:150px;”),获取宽度或者高度的方法是:

xxx.style.width、xxx.style.height

  • 结束语…………………………福利时间到………………………………

    大家同为程序员,在这里给大家真诚的送上福利。

    福利链接点击这里!

原生js——无法获取元素高度的的问题相关推荐

  1. 原生js firstChild 获取元素的第一个节点兼容问题(需求获取元素节点)

    原生js firstChild 获取元素的第一个节点问题 firstChild 获取当前元素节点下的第一个子节点. 获取到的子节点可能是元素节点,但编程中更可能是注释节点或文本节点. 没有子节点则返回 ...

  2. 原生js获取元素高度

    原生js获取元素高度 <div id='container'></div> let dom = document.getElementById('contanier')dom. ...

  3. java中如何设置浏览器宽度_[Java教程]关于JS中获取浏览器高度和宽度值的多种方法(多浏览器)_星空网...

    关于JS中获取浏览器高度和宽度值的多种方法(多浏览器) 2017-08-07 0 三种浏览器获取值方法 IE中: document.body.clientWidth ==> BODY对象宽度 d ...

  4. uniapp 获取图片的高度_uni-app获取元素高度等信息,并设置元素top信息

    本文主要简介uni-app获取元素信息及设置信息等 获取元素高度 可查看官方文档 mounted() { const query = uni.createSelectorQuery().in(this ...

  5. js jquery 获取元素(父节点,子节点,兄弟节点),元素筛选

    js jquery 获取元素(父节点,子节点,兄弟节点) 一,js 获取元素(父节点,子节点,兄弟节点) var test = document.getElementById("test&q ...

  6. js选择器获取元素的value值,如何判断为空

    js选择器获取元素的value值,如何判断为空 获取复选框有没有选中值为2的选项,判断是否为空, 可以直接与undefined进行比对,也可以使用typeof与变量类型进行比对 var month = ...

  7. js jquery 获取元素(父节点,子节点,兄弟节点)

    js jquery 获取元素(父节点,子节点,兄弟节点) js 获取元素(父节点,子节点,兄弟节点) var test = document.getElementById("test&quo ...

  8. uniapp获取元素高度

    uniapp获取元素高度 官方文档 mounted() {const query = uni.createSelectorQuery().in(this);query.select('#editor' ...

  9. JS DOM获取元素属性+操作方法

    JS DOM获取元素属性+操作方法 文章目录 JS DOM获取元素属性+操作方法 基础属性 title属性 tagName属性 : 获取标签名 className属性 : 获取类名 Nodelist. ...

最新文章

  1. R假设检验之Durbin-Watson检验(Durbin-Watson Test)
  2. php程序的安全要素
  3. 第四周项目一-求两个数的最大公约数
  4. VBS递归遍历文件夹
  5. word邮件合并一页8个_办公软件小课堂||word邮件合并
  6. DVD碟片输出与刻录简单流程
  7. 浏览器生成消息-探索浏览器的内部(1)
  8. Play 2.0框架和XA交易
  9. 排队枪毙游戏c语言,基于C语言实现的约瑟夫生者死者游戏
  10. vue 前端显示图片加token_前端甩锅神器:vue中的mock使用
  11. 华硕笔记本重装系统按哪个键进u盘启动项
  12. 元素之和最接近 0 的区间(部分和)
  13. 100个常用的Linux命令
  14. Navi.Soft31.任务管理器(定时同步+数据采集)
  15. ueditor 禁止编辑_织梦ueditor百度编辑器div style被过滤解决办法
  16. 蓝队应对攻击的常用策略二
  17. SpringBoot整合Sharding-JDBC实现水平分表
  18. java jpg转换成pdf格式_Java pdf和jpg互转案例
  19. 表格票据识别人工智能OCR
  20. 多媒体视频会议系统的测试方法

热门文章

  1. 存储资源盘活助力网络强国
  2. Linux系统结构和文件管理
  3. 关于黑苹果引导opencore0.66及以上bootstrap目录更新说明
  4. scrapy爬取动态页面
  5. 一曲相思用计算机弹,弹一曲离殇,奏一曲相思
  6. 算法——排序——选择排序图解动画
  7. EXCEL密码破解/破解工作表保护密码(详细图文教程)
  8. CSS设置下划线与文字间距距离
  9. php获取用户豆瓣电影,php代码获取豆瓣网上电影信息的简介
  10. matlab频域取样间隔,实验二 时域采样与频域采样及MATLAB程序