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

Question

我是编码新手，正在尝试使用 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。

代码确实成功地将图像放大到 1000 像素，但没有取消放大。

我已经尝试了很多不同的方法，但主要是使用 jQuery，但我无法让 jQuery 工作。

Answer 1

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

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

正如 Pato Salazar 在评论中提到的，不需要 return 语句。