如何获取图像的宽度并将该值用作高度以使图像相当方形答案

【问题标题】：How to get the width of an Image and use the value as height to make the image fairly square如何获取图像的宽度并将该值用作高度以使图像相当方形
【发布时间】：2013-12-11 20:55:32
【问题描述】：

我正在使用以下代码来获取宽度为百分比的图像的宽度。所以我得到了我想要的像素宽度，但我似乎无法获得使用 JavaScript 将变量放入 CCS 属性值的语法。

这是我的问题

$("#ProPhotosID").css("height", '' + height + '')

在这里可以看到完整的内容。

var img = document.getElementById("ProPhotosID"); 
var height = img.clientHeight;
$("#ProPhotosID").css("height", '' + height + '')

谢谢。

【问题讨论】：

这个img.clientHeight 只为您提供与您已有的高度相同的int 像素。使用您的方法是：$("#ProPhotosID").css("height", img.clientWidth + 'px')
我很喜欢这个@Rudy

标签： javascript jquery html css variables

【解决方案1】：

不需要引用'，你只需要放变量即可。
在您需要确保 img.clientHeight 是一个真正的价值之后。
试试这个：

$("#ProPhotosID").css("height",  height);

【讨论】：

【解决方案2】：

这就是你所需要的：

$('#ProPhotosID').css('height', $('#ProPhotosID').css('width'));

【讨论】：

【解决方案3】：

不需要用' 包装变量。你可以只放变量。
做这样的事情：

$("#ProPhotosID").css("height",height)

或者更简单的是使用height()而不是css('heght', )：

$('#ProPhotosID').height(height);

【讨论】：