js获取一个div+宽度，js 获取dom宽度

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

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

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

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

4、可以使用jquery里面的outerWidth就可以了。下面是简单的代码，仅供参考：script src=jquery.js/scriptbody div id=div/div/bodyscript $(#div).outerWidth()； //获取div的宽度。

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

6、js一行多个div根据宽度主要运用到的是：布局神器display：table-cell。div是块级元素，是独占一行的，设宽度不生效。你想设宽度要首先display：line-block。

纯js如何获取一个在样式中没有定义宽度的div的宽度?

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

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

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

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

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

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

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

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

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

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

【注意】因为百度知道这几天的高亮显示不正常，下面代码中前面的空格都是【全角】，你复制粘贴之后自己用编辑器查找/替换全部吧。

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

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

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

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

直接指定div的宽高+zoom来实现自适应div{width：50px；heigth：50px；zoom：1；}这样能达到初步的等宽高div。

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

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