javascript - 从变量设置 style.maxWidth

Question

我的鳕鱼是这样的:

<img src="img.png">

<dd id="123">COMMENT</dd>

<script>
var img = new Image();
img.onload = function () {
alert(this.width);
}
img.src = 'img.png';
</script>

这会警告一个宽度为 img.png 的窗口。问题是:如何为我需要的元素设置此宽度值。

类似于:

document.getElementById('123').style.maxWidth = this.width;

代替:

alert(this.width);

Answer 1

图像的 width DOM 属性将是一个数字。

CSS max-width 属性只接受length 作为它的值。

您需要为您的数字添加单位。

= this.width + "px";