js 怎样获取div的宽度

运用js获取div宽度，原生JS获取DIV的属性有两种方法，js 获取方法命令如下：

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

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

objcurrentStyle[属性名];这种不兼容-webkit-内核的，

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

function getStyle(obj,styleName){if(objcurrentStyle){return objcurrentStyle[styleName];}else{return getComputedStyle(obj,null)[styleName];

}

}

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

DIV是层叠样式表中的定位技术，全称DIVision，即为划分。有时可以称其为图层。DIV在编程中又叫做整除，即只得商的整数。 DIV元素是用来为HTML（标准通用标记语言下的一个应用）文档内大块（block-level）的内容提供结构和背景的元素。

（1）domstylewidth/height 获取dom元素内联样式中设定的width，height

（2）domcurrentStylewidth/height 获取dom元素渲染后的width，height，只支持IE

（3）windowgetComputedStyle(dom)width/height 浏览器渲染后的元素宽,兼容性更好

（4）domgetBoundingClientRect()width/height/left/top/right/ 计算一个元素的绝对位置（相对于视窗左上角），它能拿到元素的left、top、right、bottom、width、height

ElementgetBoundingClientRect() - Web API 接口参考 | MDN

以上就是关于js 怎样获取div的宽度全部的内容，包括:js 怎样获取div的宽度、Js如何获取某Dom元素的宽高、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！