Javascript 设置（响应）高度<；img>；=到另一个的高度<；img>；

我有一个图像id=“img1”和“宽度=100%；高度：自动”。 和另一个图像id=“img2”。。。在一个几乎不相关的亲子关系中，需要固定宽度，但与img1的高度相同

我在这里发现： [ 即：

如果您愿意使用javascript，那么您可以在 像这样的元素： document.GetElementByID（'rightdiv'）.style.getPropertyValue（'max-height'）

您可以对元素设置如下属性： .setAttribute（'style'，'max-height:'+heightVariable+'；'）

所以我试着：

var imgHeight = GetElementByID('img1').style.getPropertyValue('height');
.setAttribute('style','height:'+imgheight+'px';');

第一个问题是如何让它工作。

---

第二个问题是，当访问者调整/旋转他们的设备时，它是否会调整大小？

在将

setAttribute

应用到第二个元素之前，您需要以与第一个元素类似的方式获取第二个元素。但是，您需要在

getElementById

函数之前添加

document

另外，请注意，

GetElementByID

将不起作用。引用自：

此方法名称中“Id”的大小写必须正确 对于要运行的代码，getElementByID（）无效且不会 工作，不管它看起来多么自然

只需使用

.height

而不是原始代码，就可以更简单地编写图像的

高度

要在用户调整窗口大小时使其调整大小，请将所有代码放入函数中，然后添加两个事件侦听器，一个在加载页面时触发，另一个在调整大小时触发

以下是完整的代码：

window.addEventListener("load", resizeImage);
window.addEventListener("resize", resizeImage);

function resizeImage(){
   var imgHeight = document.getElementById('img1').height;
   document.getElementById('img2').height = imgHeight;
}

将其添加到“文档准备就绪”和“窗口调整大小”
GetElementByID
应该是
GetElementByID
，前面应该是
文档。
。
.setAttribute
将不起作用，因为您关闭了变量：
；
。此外，不，它不会在调整大小时进行调整。您必须为调整窗口大小创建一个事件处理程序，并将代码放入其中，以便进行调整让它工作。