js 怎样获取div的宽度?
2018-03-07 · 做真实的自己 用良心做教育
<script type="text/javascript">
//jquery获取ID为abc的元素的宽度.
alert($("#abc").width());
//js获取ID为abc的元素的宽度.
alert(parseInt(document.getElementById('abc').style.width));
</script>
js通过html对象的style属性获取元素属性.
获取到的值是包含单位(px像素)的.
将获取到的值转化成整数就可去掉单位.
parseInt() 函数可解析一个字符串,并返回一个整数.
语法
parseInt(string, radix)
参数 描述
string 必需。要被解析的字符串。
radix 可选。表示要解析的数字的基数。该值介于 2 ~ 36 之间。
如果省略该参数或其值为 0,则数字将以 10 为基础来解析。
如果它以“0x” 或 “0X” 开头,将以 16 为基数。
如果该参数小于 2 或者大于 36,则 parseInt() 将返回 NaN。
返回值
返回解析后的数字。
运用js获取div宽度,原生JS获取DIV的属性有两种方法,js 获取方法命令如下:
currentStyle和getComputedStyle,前者是兼容IE端的,后者也兼容W3C,两者内核不同,所以就有两种兼容的写法。
如果只是单独的获取某个属性值可以这样写:
obj.currentStyle[属性名];这种不兼容-webkit-内核的,
所以一般是封装成一个函数可以到处调用,而且不止针对某个属性值。
function getStyle(obj,styleName){if(obj.currentStyle){return obj.currentStyle[styleName];}else{return getComputedStyle(obj,null)[styleName];}
}
上面是封装好一个函数,可以直接调用。
DIV是层叠样式表中的定位技术,全称DIVision,即为划分。有时可以称其为图层。DIV在编程中又叫做整除,即只得商的整数。 DIV元素是用来为HTML(标准通用标记语言下的一个应用)文档内大块(block-level)的内容提供结构和背景的元素。
a=document.all.abc.offsetWidth;
然后通过
alert(a);
就能弹出这个值来了。
望采纳!呵呵!