第一种情况就是宽高都写在样式表里，就比如#div1{width:120px;}。这中情况通过#div1stylewidth拿不到宽度，而通过#div1offsetWidth才可以获取到宽度。
第二种情况就是宽和高是写在行内中，比如style="width:120px;"，这中情况通过上述2个方法都能拿到宽度。（什么是行内，就是直接在html标签上写样式）
小结，因为idoffsetWidth和idoffsetHeight无视样式写在样式表还是行内，所以我们获取元素宽和高的时候最好用这2个属性。注意如果不是写在行内style中的属性都不能通过idstyleatrr来获取。
现在的前端制作很少直接把样式写style里了，都是写在样式表里。如果你要获取的样式没有相对应的（就像#div1stylewidth对 应#div1offsetWidth），就只能分别针对不用浏览器来获取样式表的属性了，可以试着搜索“JS 获取样式属性”之类的。
代码：
var o = documentgetElementById("view");var h = ooffsetHeight; //高度var w = ooffsetWidth; //宽度
扩展资料：
js编程:
JavaScript是一种脚本语言，其源代码在发往客户端运行之前不需经过编译，而是将文本格式的字符代码发送给浏览器由浏览器解释运行。直译语言的弱点是安全性较差，而且在JavaScript中，如果一条运行不了，那么下面的语言也无法运行。而其解决办法就是于使用try{}catch(){}。
Javascript被归类为直译语言，因为主流的引擎都是每次运行时加载代码并解译。V8是将所有代码解译后再开始运行，其他引擎则是逐行解译（SpiderMonkey会将解译过的指令暂存，以提高性能，称为实时编译），但由于V8的核心部份多数用Javascript撰写（而SpiderMonkey是用C++）。
因此，在不同的测试上，两者性能互有优劣。与其相对应的是编译语言，例如C语言，以编译语言编写的程序在运行之前，必须经过编译，将代码编译为机器码，再加以运行。
参考资料：
网页可见区域宽： documentbodyclientWidth 网页可见区域高： documentbodyclientHeight 网页可见区域宽： documentbodyoffsetWidth (包括边线的宽) 网页可见区域高： documentbodyoffsetHeight (包括边线的高) 网页正文全文宽： documentbodyscrollWidth 网页正文全文高： documentbodyscrollHeight 网页被卷去的高： documentbodyscrollTop 网页被卷去的左： documentbodyscrollLeft 网页正文部分上： windowscreenTop 网页正文部分左： windowscreenLeft 屏幕分辨率的高： windowscreenheight 屏幕分辨率的宽： windowscreenwidth 屏幕可用工作区高度： windowscreenavailHeight 屏幕可用工作区宽度： windowscreenavailWidth 这些JS的一些获取浏览器属性的方法，楼主可根据自己的需要进行选择使用。
<!DOCTYPE html>
<html>
<head>
<meta >
以上就是关于怎么用js获取div的当前宽度全部的内容，包括:怎么用js获取div的当前宽度、js如何获得屏幕除去右边300px之后的剩余的宽度的呢、js里面获取屏幕宽高的screen对象，为什么获取不了屏幕的宽高值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）