
正文
包含js获得元素宽度并乘以三的词条
提示:扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
javascript如何获取div的class中设置的宽高度?
1、第一种情况就是宽高都写在样式表里,就比如#div1{width:120px;}。这中情况通过#divstyle.width拿不到宽度,而通过#divoffsetWidth才可以获取到宽度。
2、运用js获取div宽度,原生JS获取DIV的属性有两种方法,js 获取方法命令如下:currentStyle和getComputedStyle,前者是兼容IE端的,后者也兼容W3C,两者内核不同,所以就有两种兼容的写法。
3、var wt = document.getElementById(picBox).width;这样。另外推荐用jQuery写。
相关问答
Q1: js中如何取得一个div的width?注意此css的width是在中设置的。
途径:第一种情况就是宽高都写在样式表里,就比如#div1{width:120px;}。这中情况通过#divstyle.width拿不到宽度,而通过#divoffsetWidth才可以获取到宽度。
新建一个html文件,创建一个类名为wrap的div。先通过css类选择器选择到div来控制div的宽度和高度和背景颜色(没有边框时方便看出来div的大小)。
css不行的,如果用css表达式可以取到页面宽度和高度,但不兼容非ie浏览器。
修改div高度,可以直接给div的width赋值即可。
var img = document.getElementById(imgId);var rect = img.getBoundingClientRect();alert(rect.width+,+rect.height) //实际显示的高度和宽度,不管是通过css或width属性设置的。
Q2: 怎么用js获取div的当前宽度?
运用js获取div宽度,原生JS获取DIV的属性有两种方法,js 获取方法命令如下:currentStyle和getComputedStyle,前者是兼容IE端的,后者也兼容W3C,两者内核不同,所以就有两种兼容的写法。
(CSS获取的话,是照着你设置的样式获取)。
var wt = document.getElementById(picBox).width;这样。另外推荐用jQuery写。
途径:第一种情况就是宽高都写在样式表里,就比如#div1{width:120px;}。这中情况通过#divstyle.width拿不到宽度,而通过#divoffsetWidth才可以获取到宽度。
关于js获得元素宽度并乘以三和的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。







