js怎么获取div宽度，js获取div的id值

用JS如何获取1个div的宽度?

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

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

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

4、可以使用offset()方法来获取元素距离浏览器的边距，offset()方法返回或设置匹配元素相对于文档的偏移（位置）。

5、试试这个属性吧， visibility：hidden 使用visibility：hidden属性后，HTML元素（对象）仅仅是在视觉上看不见（完全透明），而它所占据的空间位置仍然存在。

6、div是块级元素，是独占一行的，设宽度不生效。

相关问答

Q1: js获取div宽度,并宽度和宽高比计算高度

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

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

src=xxx后需要等待直到图片下载完成。但是如果这个脚本是在你的div已经初始化好之后调用的话，那么图片已经被下载过了，所以直接进行后面的就好。

js里面提供了很多的方法，可以计算DIV的高度，以及也可以给DIV直接复制。

Q2: js中如何取得一个div的width?注意此css的width是在style/style中...

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

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

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

var img = document.getElementById(imgId)；var rect = img.getBoundingClientRect()；alert(rect.width+，+rect.height) //实际显示的高度和宽度，不管是通过css或width属性设置的。

接下来，我将详细介绍三种设置元素样式的方式。

Q3: js获取div的宽度,并将高度设置为宽度的60%

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

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

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

4、html里有一个div，和一个按钮，按钮是用来触发div高度变化的。按钮事件函数如图，我们先使用jquery的width方法来得到div当前的宽度。然后计算div的高度，假设高度要设置为宽度的60%，我们就 x 0.6。

5、html中有一个div和一个按钮。该按钮用于触发div高度的改变。按钮事件功能如图所示。我们先用jquery的width方法获取div的当前宽度。然后计算div的高度。假设高度应该设置为宽度的60%，我们将x0.6。

6、运行之后我们看到两个div的高度是一样的 接下来我们就使用js修改高度。这时我们敲js中的代码 获取div1的id 使用css属性对应的style属性然后设置高度 如图所示。

Q4: jQuery获取HTML元素“div”的宽度:$(div).width()

script src=jquery.js/scriptbody div id=div/div/bodyscript $(#div).outerWidth()； //获取div的宽度。 $(#div).attr(width，100px)； //给div赋值。

因为你代码中有两个id，实际渲染的时候只保留了第一个id，所以没有找到id为aaa的元素。所以用id的时候返回null。

jQuery获取元素的宽度和高度 (1)，点宽度()获取元素的宽度。(2)、网点高度()获取元素的高度。(3)、点innerWidth()获取包含内边距和无边框内容的区域的宽度。

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

所以，jquery的width()与js的offsetWidth都可以获取元素的宽度，但有个区别：.width()的值单纯是内容区域的宽度、不包括内外补丁和border。ie6+和chrome相同。offsetWidth ：包括了内补丁和border，不包括外补丁。

Q5: js如何获取隐藏div中子div的宽度

试试这个属性吧， visibility：hidden 使用visibility：hidden属性后，HTML元素（对象）仅仅是在视觉上看不见（完全透明），而它所占据的空间位置仍然存在。

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

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

隐藏div后width变为0：使用第二方式更人性化，但是，用div.style.display=none隐藏会引起，div里面的东西休眠，里面的事件就不响应了。

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

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