如何在点击

Question

我试图这样做，以便当我点击图像时图像宽度和高度加倍，但每次点击图像时它都会消失，宽度和高度变为0

<img src="pic1.jpg" onclick="imgDouble(this)">
<script>
 function imgDouble(x){
    x.style.width *= 2;
    x.style.height *= 2;
}
</script>

Answer 1

您尚未明确定义图像的宽度和高度。因此，您需要先使用clientWidth和clientHeight来获取其宽度和高度，然后将其乘以2：

 function imgDouble(x){
    x.style.width = x.clientWidth * 2;
    x.style.height = x.clientHeight * 2;
}

还有其他替代品可以使用x.width和x.height而不是x.style.width和x.style.height。

或者，要准确获得图像宽度，可以使用x.naturalWidth和x.naturalHeight。

Answer 2

您可以将功能名称从imgDouble(x)更改为imgSize(x)。试试吧。

Answer 3

你必须改为

 <img src="pic1.jpg" onclick="imgDouble(this)">

因为你的函数是imgDouble（）;