js 怎样获取div的宽度?

JavaScript026

js 怎样获取div的宽度?,第1张

<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的属性有两种方法

currentStyle和getComputedStyle,前者是兼容IE端的,后者也兼容W3C,两者内核不同,所以就有两种兼容的写法

如果只是单独的获取某个属性值可以这样写

obj.currentStyle[属性名]这种不兼容-webkit-内核的,

所以一般是封装成一个函数可以到处调用,而且不止针对某个属性值

function getStyle(obj,styleName){

if(obj.currentStyle){

return obj.currentStyle[styleName]

}else{

return getComputedStyle(obj,null)[styleName]

}

}

上面是封装好一个函数,可以直接调用

而目前的JQ库就不需要这么麻烦,可以直接

OBJ.CSS(属性名)这样子就可以直接获取

(function(){

var option ={"auto_play":"0","file_id":"16092504232103639705","app_id":"1251580615","width":screen.width,"height":screen.height}/*调用播放器进行播放*/

new qcVideo.Player( /*代码中的id_video_container将会作为播放器放置的容器使用,可自行替换*/ "id_video_container", option )})()