js 怎样获取div的宽度?

JavaScript011

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

运用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)的内容提供结构和背景的元素。

获取步骤如下所示。

1:可以使用定时器setInterval,每秒获取一次浏览器的宽和高。

2:使用jQuery可以这样获取window的宽高。

3:宽度 $(window)width() ,高度$(window).height(),自己写个函数,设定定时器的时间。

4:<body onresize="showSize()">,页面相关事onresize浏览器的窗口大小被改变时触发此事件。