如何在点击时更改img大小，并在使用javascript切换时将其恢复为正常大小？

var imgElement = document.getElementById('yourImgId');
imgElement.addEventListener('click', changeImgSize);

function changeImgSize() {
  var imgElement = document.getElementById('yourImgId');
  imgElement.style.width = '200px'; // 设置新的宽度
  imgElement.style.height = '200px'; // 设置新的高度
}

var imgElement = document.getElementById('yourImgId');
var originalWidth = imgElement.style.width;
var originalHeight = imgElement.style.height;

function changeImgSize() {
  if (imgElement.style.width === originalWidth && imgElement.style.height === originalHeight) {
    imgElement.style.width = '200px'; // 设置新的宽度
    imgElement.style.height = '200px'; // 设置新的高度
  } else {
    imgElement.style.width = originalWidth; // 恢复原始宽度
    imgElement.style.height = originalHeight; // 恢复原始高度
  }
}