Javascript 当classlist.add位于另一个元素上时，如何更改元素的样式？

我想更改单击按钮时图像的大小。我有以下代码：

HTML:

CSS:.changeSize应该是什么样子：）

你可以试试这个：

Button.onclick = function () {
var img= document.getElementById('yourImgId');
if(img && img.style) {
    img.classList.add("newStyle");
}
};

图像的html将是：

<img src="src" id="yourImgId"/>

你可以试试这个：

Button.onclick = function () {
var img= document.getElementById('yourImgId');
if(img && img.style) {
    img.classList.add("newStyle");
}
};

图像的html将是：

<img src="src" id="yourImgId"/>

---

尝试将.changeSize类添加到css：

.changeSize {
  width: 50%;
}

或

---

尝试将.changeSize类添加到css：

.changeSize {
  width: 50%;
}

或

将类添加到元素中。所以

img.classList.add（'changeSize'）

将类

changeSize

添加到您选择的图像中，使其HTML看起来像：

要使用该类使图像变大，可以使用CSS选择器

img.changeSize

最终的代码可能如下所示：

document.querySelector（#changeImgSizeBtn”）.addEventListener（'click'，函数（）{
var img=document.querySelector（“#imgID”）；
img.classList.add（'changeSize'）；
});
img{
最大宽度：150px；
}
img.changeSize{
最大宽度：300px；
}



更改图像大小
向元素添加一个类。所以
img.classList.add（'changeSize'）
将类
changeSize
添加到您选择的图像中，使其HTML看起来像：



要使用该类使图像变大，可以使用CSS选择器
img.changeSize

最终的代码可能如下所示：


document.querySelector（#changeImgSizeBtn”）.addEventListener（'click'，函数（）{
var img=document.querySelector（“#imgID”）；
img.classList.add（'changeSize'）；
});
img{
最大宽度：150px；
}
img.changeSize{
最大宽度：300px；
}



更改图像大小
您是否已将css中的img更改为.changeSize？不，我只是使用了img，因为我不知道如何连接。changeSize和img图像html是什么样子的？在css中执行
img
会影响每个img元素，。我想你只是想要
.changeSize{width:20%；}
而不是请给我们你的HTML，a会更好。你把css中的img改成了.changeSize吗？不，我只是用了img，因为我不知道如何连接。changeSize和imgHTML图像是什么样子的？在css中做
img
对每个img元素都有影响，。我想你只是想要
.changeSize{width:20%；}
相反，请也给我们你的HTML，a会更好。谢谢你，但问题是，这是学校作业，我需要将样式和JS分开谢谢你，这是学校作业，我需要将样式和JS分开
.changeSize {
  width: 50%;
}

img.changeSize {
  width: 50%;
}