gpt4 book ai didi

javascript - 图片的奇怪 clientHeight 行为

转载 作者:太空宇宙 更新时间:2023-11-04 12:36:12 28 4
gpt4 key购买 nike

我有一个在 firefox 中工作的函数:

function widthimg() {
var wheight = document.getElementById('recent-img1');
console.log(wheight.clientHeight);
document.getElementById('recent-img2').style.height = wheight.clientHeight +'px';
}

但不是在 chrome 中,chrome 根本不显示图像(高度为 0 的图像)。

奇怪的是,两个元素都是图像:

<div class="col-lg-6 col-sm-6 margin-top-60 zoominmouse">
{{HTML::image('images/recentprojects1.png','recent',array('class' => 'img-responsive img-center image-popup-vertical-fit', 'id' => 'recent-img1')) }}
</div>
<div class="col-lg-6 col-sm-6 margin-top-60 zoominmouse" id="test">
{{ HTML::image('images/pricing1.png','recent',array('class' => 'img-responsive img-center image-popup-vertical-fit', 'id' => 'recent-img2')) }}
</div>

因此,当 firefox 读出 wheight.clientHeight 的属性时,我想我试一试:

function widthimg() {
var wheight = document.getElementById('recent-img1');
console.log(wheight.clientHeight);
document.getElementById('recent-img2').clientHeight = wheight.clientHeight;
}

因为我现在将 clientHeight 传递给 clientHeight,这对我来说很有意义,但这在两种浏览器中都不起作用。

所以我的 3 个问题是:

  • 如何使该功能在 chrome 中正常运行?
  • 为什么我不能将 clientHeight 传递给 clientHeight?
  • 是否可以使用 css 将两个图像都设置为 img1 的高度?

最佳答案

可以这样使用:

function widthimg() {
var wheight = document.getElementById('recent-img1');
console.log(wheight.clientHeight);
document.getElementById('recent-img2').clientHeight = wheight.clientHeight;
console.log(document.getElementById('recent-img2').clientHeight);
}

<body onload="widthimg()">
// rest of your html
</body>

关于javascript - 图片的奇怪 clientHeight 行为,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27263212/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com