js控制元素的高度，js控制元素高度auto过渡

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

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

2、新建一个html文件，命名为test.html，用于讲解jquery怎么设置div高度。在test.html文件内，引入jquery.min.js库文件，成功加载该文件，才能使用jquery中的方法。在test.html文件内，使用div标签创建一个模块，并使用css设置其宽度为50px，背景颜色为红色。

3、先新建一个html文件，并在head中添加样式表【styletype=text/css/style】。在body中添加一个DIV，并引入一个CSS，命名为【aaa】。给这个DIV添加背景色，并定义它的宽和高。【background：#FA2；width：400px；height：600px；】。然后添加如下代码。

4、通过{width：50%；height：auto；}实现图片高度跟随宽度比例调整。但是这个百分比是根据父级的高度来计算的，根本不是根据元素自身的宽度，那么就做不到Div的宽高达成一定的比例。直接指定div的宽高+zoom来实现自适应div{width：50px；heigth：50px；zoom：1；}这样能达到初步的等宽高div。

5、新建一个html文件，命名为test.html。在test.html文件内，使用div标签创建一个模块，在div标签内，使用p标签创建一行文字，在p标签内，使用span标签创建一行文字。在test.html文件内，设置span元素的id为box，主要用于下面通过该id获得span对象。

6、我还是推荐用js或者用table，td来做这样的事情的。因为这样比较兼容 我刚试了下，老版本应该不行的，火狐也效果不合适。

相关问答

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

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

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

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

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

5、用clientHeight或offsetHeight。对于没有具体设置高度的元素，不能直接用height获取高度。clientHeight表示内容可见区域高度；offsetHeight不同浏览器数值不尽相同，除了clientHeight的高度外还包括边框等的高度。

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

Q2: JS,元素高度问题

document.getElementById(div).offsetHeight；这个是获取元素高度。

肯定会超出高度的，因为未添加新元素时iscroll在固定的容器高度内可以自由滚动，但是当你给容器动态添加元素时，容器的高度高了，而iscroll所触及的高度还是原来的高度，导致你不能滑到最底下。

要实现高度的改变动画，我们需要在动画进行之前为元素设置准确的高度。当元素由可见变为隐藏状态时，我们需要先获取元素的计算高度，将其设置到style属性上，然后执行一个触发浏览器渲染引擎重绘的动作，然后再将高度设置为0，这样高度的改变动画就会正常进行。

火狐浏览器默认把可视区域的高度设为0，这样的话，$(window).height()就等于0了。

width/height 首先，您应该理解什么是隐藏：我们有几种方式可以隐藏一个元素： CSS display的值是none。 type=hidden的表单元素。 宽度和高度都显式设置为0。

改成w=w.offsetWidth；js获取Html元素的实际宽度高度 第一种情况就是宽高都写在样式表里，就比如#div1{width：120px；}。这中情况通过#divstyle.width拿不到宽度，而通过#divoffsetWidth才可以获取到宽度。

js控制元素的高度的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js控制元素高度auto过渡、js控制元素的高度的信息别忘了在本站进行查找喔。