Javascript js可变高度div

我尝试了这个js代码，但没有结果。 说明：我的页面加载一个名为row的div，最小高度不是px，而是vh。 我需要将该值设置为另一个div的高度，名为row2

window.onload = function() {
var number = document.getElementById('row').style.minHeight;
document.getElementById('row2').style.height = number+'vh';
}

我哪里做错了？

---

感谢您在函数中的第一行：

var number=document.getElementById（'row'）.style.minHeight

将返回带有单位的值

所以，您不需要将单位传递给第二个赋值

简言之，将代码更改为单元不可知，如下所示：

window.onload = function() {
  const minHeight = document.getElementById('row').style.minHeight;
  document.getElementById('row2').style.height = minHeight;
}

函数中的第一行：

var number=document.getElementById（'row'）.style.minHeight

将返回带有单位的值

所以，您不需要将单位传递给第二个赋值

简言之，将代码更改为单元不可知，如下所示：

window.onload = function() {
  const minHeight = document.getElementById('row').style.minHeight;
  document.getElementById('row2').style.height = minHeight;
}

使用getComputedStyle，它将返回单位，因此需要将其切掉


window.onload=function（）{
var row=document.getElementById（'行'）
var number=parseInt（window.getComputedStyle（row.minHeight）
document.getElementById（'row2'）。style.height=number+'vh'；
}
div{
边框：1px纯黑；
}
#划船{
最小高度：100px；
背景颜色：黄色；
}
动臂
房间
使用getComputedStyle，它将返回单位，因此您需要将其切掉


window.onload=function（）{
var row=document.getElementById（'行'）
var number=parseInt（window.getComputedStyle（row.minHeight）
document.getElementById（'row2'）。style.height=number+'vh'；
}
div{
边框：1px纯黑；
}
#划船{
最小高度：100px；
背景颜色：黄色；
}
动臂
房间

window.onload=function（）{
var number=document.getElementById（'row'）。offsetHeight；
var numberVh=编号*0.10718113612004287；
document.getElementById（'row2'）。style.height=numberVh+'vh'；
}
row1
第2行
window.onload=function（）{
var number=document.getElementById（'row'）。offsetHeight；
var numberVh=编号*0.10718113612004287；
document.getElementById（'row2'）。style.height=numberVh+'vh'；
}
row1
第2行
您是否调试并查看了它的设置
console.log（number）
共享您调试的HTMLID并查看它的设置
console.log（number）
分享你的HTML谢谢你，我明白了，它成功了！还有一件事：我需要将第2行代码获得的结果设置为！重要的。例如，行是100vh，我已经解冻了脚本的第二行，行2是100vh，但我必须添加！对css很重要。我该怎么办？请，如果你发现这个答案是你原来的问题，请投票并将其标记为已回答。您现在有一个不同的问题，可能不适合评论部分。在任何情况下，您都可以执行以下操作（替换函数的最后一行）：
document.getElementById（'row2'）.setAttribute（'style'，`${minHeight}！important'）
。我还建议找到一个更好的方法！重要的是单独是一个很糟糕的做法，更不用说内联了！谢谢你，我明白了，它成功了！还有一件事：我需要将第2行代码获得的结果设置为！重要的。例如，行是100vh，我已经解冻了脚本的第二行，行2是100vh，但我必须添加！对css很重要。我该怎么办？请，如果你发现这个答案是你原来的问题，请投票并将其标记为已回答。您现在有一个不同的问题，可能不适合评论部分。在任何情况下，您都可以执行以下操作（替换函数的最后一行）：
document.getElementById（'row2'）.setAttribute（'style'，`${minHeight}！important'）
。我还建议找到一个更好的方法！重要的是单独是一个很糟糕的做法，更不用说内联了！根据本网站，1px=0.10718113612004287vh。这就是为什么需要进行上述转换。根据本网站1px=0.10718113612004287vh。这就是为什么需要进行如上所述的转换。