js设置div的宽高比，js设置div的宽度高度

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

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

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

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

相关问答

Q1: 如何改变div大小

1、首先新建html文档，进入代码书写界面。在/head和body的里面写入代码，在div里面写入想要输入的内容/div。书写外层轨道css代码。

2、首先，先在代码中输入position：fixed； top： 0； left： 0；这样的作用是让整个图片固定在屏幕上。之后，再把背景图片的大小自动适应DIV大小，当图片自动适应时，既可以就进行缩放。

3、为了实验便于观察DIV盒子大小改变，对DIV设置一个红色边框。

4、要使元素的位置随着浏览器窗口的缩放大小比例变化，你可以使用 CSS 中的相对定位和百分比单位来实现。

5、设置对象DIV字体大小或span字体大小设置有两种方法，一种是使用style直接设置css字体大小，另外一种外部设置指定DIV内字体大小样式。

Q2: js如何设置div的宽高?

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

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

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

Q3: 有多个兄弟元素div,如何用JS实现让每一个div的宽等于他自身的高度?

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

通过{width：50%；height：auto；}实现图片高度跟随宽度比例调整。但是这个百分比是根据父级的高度来计算的，根本不是根据元素自身的宽度，那么就做不到Div的宽高达成一定的比例。

在test.html文件内，使用button标签创建一个“设置div高度”按钮，给button按钮绑定onclick点击事件，当按钮被点击时，执行editheight()函数。

新建一个html文件，命名为test.html。在test.html文件内，使用div标签创建一个模块，在div标签内，使用p标签创建一行文字，在p标签内，使用span标签创建一行文字。

最简单的实现方式：仅提供一个思路。可以自己完善。

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

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