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

js中如何取得一个div的width?注意此css的width是在中设置的。

1、第一种情况就是宽高都写在样式表里，就比如#div1{width：120px；}。这中情况通过#divstyle.width拿不到宽度，而通过#divoffsetWidth才可以获取到宽度。第二种情况就是宽和高是写在行内中，比如style=width：120px；，这中情况通过上述2个方法都能拿到宽度。

2、修改div高度，可以直接给div的width赋值即可。

3、不同分辨率下body宽和高是不一样的 如果非要与屏幕一样高或者一样宽就要用JS先取得屏高和屏宽，再将DIV的高和宽设成你取出来的这个屏高和屏宽。

4、CSS设置div边框颜色宽度和高度步骤如下：新建一个html文件，创建一个类名为wrap的div。先通过css类选择器选择到div来控制div的宽度和高度和背景颜色（没有边框时方便看出来div的大小）。通过div 的border属性控制边框颜色，设置border的宽度为2px，线型为实线，颜色为蓝色。

相关问答

Q1: js中关于获取元素属性的方法(object.style.width)

1、js获取Html元素的实际宽度高度 第一种情况就是宽高都写在样式表里，就比如#div1{width：120px；}。这中情况通过#divstyle.width拿不到宽度，而通过#divoffsetWidth才可以获取到宽度。第二种情况就是宽和高是写在行内中，比如style=width：120px；，这中情况通过上述2个方法都能拿到宽度。

2、currentStyle 获取的是一个元素的所有的样式属性值，这一点功能是与 getComputedStyle() 一样的，但是在获取某一个具体的属性的时候，可以结合 getAttribute 来实现。 和 getComputedStyle 方法不同的是，currentStyle 要获得属性名的话必须采用驼峰式的写法。

3、getElementsByTagName返回一个数组，即使整个文档里只有一个元素，也返回一个数组。示例：显示信息都是object，getElementByClassName也返回一个具有相同类名的元素数组，获取和设置属性getAttribute object.getAttribute(attribute)。注：getAttribute方法不属于document对象，它只能通过元素节点对象调用。

4、getComputedStyle是一个可以获取当前元素所有最终使用的CSS属性值。

Q2: JavaScript或者jQuery怎样获取一个隐藏元素的宽高

你得到的是div的宽度。可以试试这样： var width=$(#test img).width()；alert(width)； 如果还不行，那可能是由于你将这个div隐藏了的原因！希望可以帮到你。

途径：第一种情况就是宽高都写在样式表里，就比如#div1{width：120px；}。这中情况通过#divstyle.width拿不到宽度，而通过#divoffsetWidth才可以获取到宽度。第二种情况就是宽和高是写在行内中，比如style=width：120px；，这中情况通过上述2个方法都能拿到宽度。

第一种情况就是宽高都写在样式表里，就比如#div1{width：120px；}。这中情况通过#divstyle.width拿不到宽度，而通过#divoffsetWidth才可以获取到宽度。第二种情况就是宽和高是写在行内中，比如style=width：120px；，这中情况通过上述2个方法都能拿到宽度。

首先，界面中有一个img，但是js不用于设置其宽度，高度和背景颜色，如下图所示。其次，使用jQuery获取要设置的div，然后调用css（）方法即可开始设置，如下图所示。接着，可以在css方法中设置。需要注意的是，里面有大括号，并且该属性用双引号引起来，如下图所示。

Q3: js获取元素高度怎么写呢?

如何用js得到div的高度 functionadjustcolumnheight(){ varmaincol=window.document.getelementbyid(主列)；varleftcol=window.document.getelementbyid(MainLeft varrightcol=window.document.getelementbyid(MainRight varhMainCol=mainCol。

}上面的代码是取得3个div的高度，并判断高度最高的div高度值，让其余两个比较矮的div高度等于最高这个，自己琢磨下，很简单。

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

第二种情况就是宽和高是写在行内中，比如style=width：120px；，这中情况通过上述2个方法 都能拿到宽度。小结，因为id.offsetWidth和id.offsetHeight无视样式写在样式表还是行内，所以我 们获取元素宽和高的时候最好用这2个属性。

关于js获取元素高度和宽度和js如何获取高度和宽度的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。