多语言展示
当前在线:1562今日阅读:155今日分享:35

js怎么获取元素的高度

JavaScript是一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。那么JavaScript怎么获取元素的高度跟宽度呢???
工具/原料

只需要一个浏览器运行就可以啦

方法/步骤
1

首先新建一个html文件(我这里名叫width.html,你们可以随意取哦)

2

写上html的基本结构(不写也是OK的)

3

然后在body里面写上要测试的代码(没有写基本结构的就只写在文件里面写这段代码就可以了),注意高度跟宽度可以自己修改哦,红色是看着显眼

4

先看一下运行的效果

5

接下来就是获取元素的高度了(用的是:document.getElementById('div').offsetHeight),注意id要跟自己写的一样哦

6

然后顺便说一下获取元素的宽度(用的是:document.getElementById('div').offsetWidth),id 也是跟自己填写的一样

7

这两句写在html文件的JavaScript区域也是一样的效果哦

注意事项

注意id一定要跟自己取的一样

推荐信息