js如何获取元素的高度和宽度

获取元素的尺寸是常有的操作，当然也没有难度，只要按照给定的方式操作就可以了，下面简单介绍一下。

下面以获取div的尺寸为例，代码如下:

[ 其他 ] 运行代码下载代码

<script>
<style type="text/css">
#thediv{
  width:150px;
  height:150px;
}
</style>
</head> 
<body>
<div id="thediv"></div>
</body> 
</html>
</script>

下面介绍一下如何获取上面div的尺寸:

很多朋友可能首先想到使用以下方式获取尺寸:

[ 其他 ] 运行代码下载代码

<script>
style.width
style.height
</script>

但是使用style方式只能够获取以style=""此种方式定义的尺寸。可以使用以下方式获取尺寸:

[ 其他 ] 运行代码下载代码

<script>
div.offsetHeight
div.offsetWidth
</script>

代码描述：js 元素高度宽度。js如何获取元素的高度和宽度

下载全部收藏

179 238

用户评论

大牛，别默默的看了，快登录帮我点评一下吧！:) 登录 | 注册

522688

作品：1334 | 粉丝：44

关注

TA的相关作品 >>更多

热搜关键词

js如何获取元素的高度和宽度

js表单元素默认值代码下载

screen.width和screen.height属性作用源码下载

javascript判断元素具有指定属性代码实例

js实现dom元素结构加载代码下载

js判断数组中是否含有指定元素代码下载

offsetWidth和offsetHeight属性用法简单介绍