使用javascript动态更改div的高度不起作用

我有两个div。第一个div的高度随第二个div的高度而变化。但是代码似乎有一些问题。我的代码如下。 比如说,

<div id="profile1">akdsfkj</div>

<div id="schedules1" style="min-height:150px;"></div>

<script>
document.getElementById('profile1').style.height=$('#schedules1').height();
</script> 

akdsfkj
document.getElementById（'profile1'）。style.height=$（'#schedules1'）。height（）；

---

提前感谢

DOM

样式

对象上的

height

属性需要单位，但是jQuery的

height（）

方法只返回一个（像素）数。因此：

但是请注意，

schedules1

元素上的

style

属性无效，您使用的是

min:height:150px

而不是

min height:150px

。（现在问题已经解决了。）

另外，以这种方式混合jQuery和直接DOM代码有点奇怪。使用所有jQuery：

$('#profile1').css("height", $('#schedules1').height());

---

通过使用Jquery，我们可以做到这一点

var fheight=$('#profile1').height();
$('#schedules1').css('height',fheight);

这是有效的（）：

HTML（将

min:height

更改为

min height

）：

---

$.height（）返回一个整数，而设置style.height需要一个带有度量单位的字符串，例如“20px”；因此，请尝试在分号之前添加+“px”。@LittleSweetSeas:这是一个答案，不是注释。@Crowder:对不起，我尝试了更多脚本，却意外地将DOM和js混合在一起。另外，

$（'#profile1'）.height（$（'#schedules1'）.height（））应该可以用。@Nenotlep:谢谢。出于某种原因，我总是忘记
高度
也可以是一个设定者。
var fheight=$('#profile1').height();
$('#schedules1').css('height',fheight);

<div id="profile1">akdsfkj</div>
<div id="schedules1" style="min-height:150px;"></div>

$('#profile1').height($('#schedules1').height());