js怎么获取元素的高度

 时间:2024-11-12 10:38:27

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

工具/原料

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

方法/步骤

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

js怎么获取元素的高度

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

js怎么获取元素的高度

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

js怎么获取元素的高度

4、先看一下运行的效果

js怎么获取元素的高度

5、接下来就是获取元素的高度了(用的是:docu葡矩酉缸ment.getElementById("div").offsetHeight),注意id要跟自己写的一样哦

js怎么获取元素的高度

6、然后顺便说一下获取元素的宽度(用的是:document.getElementB鲻戟缒男yId("div").offsetWidth),id也是跟自己填写的一样

js怎么获取元素的高度

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

暖暖环游世界百美图攻略 酒桌饭桌上的规矩有哪些 红雀浏览器如何开启重启浏览器重置窗口 冷煮咖啡:下午饮品的最佳选择 如何关注微信公众号?
热门搜索
玫瑰花束图片 甜甜圈图片 成人漫画网站 图片合成器 如何在图片上添加文字