js获取宽度高度，js如何获取高度和宽度

怎么用js获取div的当前宽度?

1、运用js获取div宽度，原生JS获取DIV的属性有两种方法，js 获取方法命令如下：currentStyle和getComputedStyle，前者是兼容IE端的，后者也兼容W3C，两者内核不同，所以就有两种兼容的写法。

2、(CSS获取的话，是照着你设置的样式获取)。

3、var wt = document.getElementById(picBox).width；这样。另外推荐用jQuery写。

4、途径：第一种情况就是宽高都写在样式表里，就比如#div1{width：120px；}。这中情况通过#divstyle.width拿不到宽度，而通过#divoffsetWidth才可以获取到宽度。

5、div 的scrollWidth 和 scrollHeight 属性。在将div的内容设置好了以后， 这2个准确得到了宽度 和 高度。

6、css不行的，如果用css表达式可以取到页面宽度和高度，但不兼容非ie浏览器。

相关问答

Q1: Js如何获取某Dom元素的宽高

js获取Html元素的实际宽度高度 第一种情况就是宽高都写在样式表里，就比如#div1{width：120px；}。这中情况通过#divstyle.width拿不到宽度，而通过#divoffsetWidth才可以获取到宽度。

document.getElementById(div).offsetHeight；这个是获取元素高度。

如果存在绝对定位的祖先元素 position：absolute/fixed，offsetTop 就会相对于这个元素。

运用js获取div宽度，原生JS获取DIV的属性有两种方法，js 获取方法命令如下：currentStyle和getComputedStyle，前者是兼容IE端的，后者也兼容W3C，两者内核不同，所以就有两种兼容的写法。

只有在DOM元素被渲染了之后，才能获取元素实际的宽高。换句话说，如果元素还未插入DOM树里，就不可能走到渲染这一步，更不可能拿到元素的宽和高。

Q2: Js如何操作DOM及获取浏览器高度以及宽度

1、要在js中获得浏览器的高度可以参考以下步骤(具体代码见最后）：outerHeight属性设置或返回一个窗口的外部高度，包括所有界面元素（如工具栏/滚动条）。

2、：可以使用定时器setInterval，每秒获取一次浏览器的宽和高。2：使用jQuery可以这样获取window的宽高。3：宽度 $(window)width() ，高度$(window).height()，自己写个函数，设定定时器的时间。

3、关于js获取dom 节点到浏览器顶或左部的距离，Jquery里面有封装好的offset().top/offset().left，只到父级的顶/左部距离position().top/position().left。

4、在js使用过程中可能会根据要求获取浏览器高度和宽度。

5、一般来说在移动浏览器上是拿不到屏幕真实分辨率的，因为页面渲染是在一个叫viewport的页面绘制区域内（说的通俗点就是手机浏览器是用一个虚拟的屏幕来显示网页的）。

js获取宽度高度的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js如何获取高度和宽度、js获取宽度高度的信息别忘了在本站进行查找喔。