获取div的宽度和高度


我最先开始的想法是这样的

  1. 获取到div var d = document.getElementById("容器id")
  2. 取widthd.width,或者d.style.width,或者d.width()

以上用法分别会出现undefined、空、width is not a function这些提示,如下图所示:





最好发现只能这样。


使用方法

// 直接获取宽度
var width = $('#容器id').width();

当然,高度也是一样的

// 直接获取宽度
var width = $('#容器id').height();

成功显示

获取div的宽度和高度相关推荐

  1. jsjq:获取div的宽度、高度、屏幕距离方法总结

    jq获取div的宽度 只是获取content宽度 var content = $('div'). width(); 获取content+padding的宽度 var contentWithPaddin ...

  2. JS动态获取DIV的宽度和高度px!

    JS动态获取div的宽度: var o = document.getElementById("div"); var width= o.clientWidth||o.offsetWi ...

  3. js获取div的宽度和高度的坑

    元素尺寸属性 说明 clientWidth 获取元素可视部分的宽度,即 CSS 的 width 和 padding 属性值之和,元素边框和滚动条不包括在内,也不包含任何可能的滚动区域 clientHe ...

  4. Android 开发 Activity里获取View的宽度和高度 转载

    Android 开发 Activity里获取View的宽度和高度 转载 原文地址:https://blog.csdn.net/chenbaige/article/details/77991594 前言 ...

  5. php获得屏幕宽度,PHP获取客户端屏幕宽度、高度及分辨率的方法

    PHP获取客户端屏幕宽度.高度及分辨率的方法 发布时间:2015-11-21 08:08:45 作者:佚名 阅读:(61) php获取客户端屏幕宽度.高度及分辨率的方法 首先需要说明的是php是服务器 ...

  6. H5获取屏幕的宽度和高度

    H5获取屏幕的宽度和高度 通过JS获取 window.screen.availWidth 返回当前屏幕宽度(空白空间) window.screen.availHeight 返回当前屏幕高度(空白空间) ...

  7. 关于Div的宽度与高度的100%设定

    正像你所知道的那样,设置DIV大小的有两个属性width和height,以前在学习DIV每次给DIV设置100%宽度或高度时都很迷惑,不明确这个100%的宽度(高度)到底有多宽有多高?这个100%是从 ...

  8. Div的宽度与高度的100%设定

    div的100%是从其上一级div的宽高继承来的,有一点很关键,就是要设置div100%显示,必须设置其上一级div的宽度或高度,否则无效. 举例说明:父div宽300高200,子div如果在这个条件 ...

  9. 获取当前页面的宽度和高度

    jQuery:获取当前打开页面的宽度和高度: var windowheight = $(window).height() - 20; var windowwidth = $(window).width ...

最新文章

  1. linux挂载media装服务,CentOS8服务器入门系列教程(五):Linux挂载光盘、yum安装软件包...
  2. Apache服务器部署(2)
  3. ARCHLinux SETUP WITH FDISK
  4. php类的实例化和调用,PHP:如何使用另一个类中的参数实例化一个类
  5. 借助码云快速安装 golang.org/x/lint/golint 和 golang.org/x/tools/ 等依赖
  6. 如何在SAP CRM WebClient UI里创建HANA Live Report
  7. Windows下的bat原来可以为我们做很多
  8. Linux 中mysql常用命令
  9. shell编程中配置文件的使用
  10. 2018-2019-1 20165319 《信息安全系统设计基础》第八周学习总结
  11. js add方法_爬虫必备:Python 执行 JS 代码 —— PyExecJS、PyV8、Js2Py
  12. ionic引用自定义html,pipe - Ionic 4自定义管道可以在app.component.html中正常工作,但不能在其他.html页面上工作(在.ts文件下工作) - 堆栈内存溢出...
  13. lua table的__index ,setmetable()的一些操作
  14. 电脑上最好的5个epub阅读器
  15. 网络错误:windows无法访问\\,你没有权限访问\\
  16. mysql在原有的字段添加字符串(用逗号分隔)
  17. 运行CCleaner时出现问题
  18. python汇率转换_21天入门Python基础——练习1汇率转换
  19. Linux系统IO分析工具之iotop
  20. 2017年第一次软工实践随笔--031502341

热门文章

  1. electron端实现录音播放功能
  2. UE4/5多人游戏详解(六、多人游戏插件的菜单,创建会话设置和加入)
  3. 马尔康饭店列表及联系
  4. 因果推断16--市场营销中资源分配问题的直接异质因果学习(美团)
  5. 【1】安装VMware
  6. 从零到一实现神经网络(一):感知机算法
  7. 「前端进阶」vue+koa2+mongodb+oss阿里云部署自己的网站
  8. TFboys要解散?你该先看看“限定团”是怎么收割的!
  9. java线程控制、状态同步、volatile、Thread.interupt以及ConcurrentLinkedQueue
  10. BZOJ 1192: [HNOI2006]鬼谷子的钱袋【二进制】