javascript - 尝试放大HTML页面上的图像

我是编码的新手，正尝试使用JavaScript放大图像onclick，然后取消放大图像onclick。我曾尝试使用jQuery，但jQuery似乎无法正常工作，因此我只是在使用JavaScript。

这是JavaScript：

var myImg1 = document.getElementById('myImg1')
var myImg2 = document.getElementById('myImg2')
var myImg3 = document.getElementById('myImg3')

myImg1.onclick = function() {
  if (myImg1.style.height = '100px') {
    myImg1.style.height = '1000px'
    return
  } else {
    myImg1.style.height = '100px'
    return
  }
}

该图像在HTML和CSS中分配了“ i”类，该类将宽度设置为100px。

该代码确实可以将图像成功放大到1000px，但不会取消放大。

我尝试了很多不同的方法，但是大多数使用jQuery，但我无法使jQuery正常工作。

最佳答案

您需要使用2个等号来比较两件事，一个等号意味着您正在尝试为该变量设置一个值。

if (myImg1.style.height == '100px') {
    myImg1.style.height = '1000px'
    // return
}

正如Pato Salazar在评论中提到的那样，不需要返回语句。