设置最大高度和最大宽度以及自动纯javascript后获取高度和宽度

Question

使用javascript设置maxHeight和maxWidth后，获取图像的宽度和高度是否可行。

$new_image = new Image();
$new_image.src = 'xxx.jpg';
$new_image.style.maxHeight = '500px';
$new_image.style.maxWidth = '600px';
$new_image.style.height = 'auto';
$new_image.style.width = 'auto';
alert('CURRENT WIDTH AND HEIGHT IF IMAGE IS 1000 X 1000 PX');

我知道如何获取最大高度值，但这可能不是实际尺寸，因为图像设置为高度和宽度“自动”。

没有jquery的答案谢谢！ ：）

Answer 1

offsetHeight和offsetWidth会为您提供所需内容，并考虑maxWidth和maxHeight。请记住，img对象需要成为DOM的一部分才能拥有任何维度。因此，在offsetHeight和width将返回任何有用的内容之前，您需要使用document.body.appendChild($new_image)之类的内容添加它。

Answer 2

您可以将dom元素属性clientHeight和clientWidth用于