如何使用 JavaScript 删除 class

Question

我在一所学院，他们要求我放入一个 800 像素的图像，然后使用： class = "small" 标签使其缩小，然后他们告诉我：

这部分项目的目标是，您将使用 JavaScript 删除这个“小” class（因此图像会变大）或在用户单击时重新定位它（因此它会再次变小）。

Answer 1

您需要使用 HTML 元素的classList属性。

// Select the element
const myElement = document.querySelector("#my-element");

// Add a class
myElement.classList.add("class-to-add");

// Remove a class
myElement.classList.remove("class-to-remove");

这是相应的文档： https://developer.mozilla.org/docs/Web/API/Element/classList

Answer 2

// garp the image by it's className
const myImage = document.querySelector('.myImage')

// add event listener to respond click event
myImage.addEventListener('click', () => {
  // it will toggle on and off whene ever used clicks it 
  myImage.classList.toggle('small')
})