Question

我是编码的新手，我正在尝试放大图像，然后使用JavaScript放大图像。我尝试过使用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
  }
}

图片已分配班级＆＃39; i＆＃39;在HTML和CSS中，将宽度设置为100px。

代码确实成功地将图像放大到1000px，但它不会放大。

我尝试了很多不同的方法，但主要使用jQuery，我无法使用jQuery。

Answer 1

你需要使用2个等号来比较两个东西，一个等号意味着你试图为那个变量设置一个值。

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

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

Answer 2

JavaScript的：

var myImg1 = document.getElementById('Img1');
myImg1.onclick = function() {
    if (myImg1.style.height == '1000px') {
       myImg1.style.height = '100px';
    } else {
       myImg1.style.height = '1000px';
    }
}

OR

jQuery的：

jQuery(document).ready(function() {
    jQuery('#Img1').click(function() {
        jQuery('#Img1').toggleClass('img1_1000px');
    });
});

两者都有效。如果你需要jQuery，用来写＆lt; img src =＆＃34; Img1.jpg＆＃34; ID =＆＃34; IMG1＆＃34; style =＆＃34; height：100px;＆＃34; ＆GT;和.img1_1000px {身高：1000px！重要;在风格。

我希望我帮助过你。

尝试在HTML页面上放大图像

2 个答案: