时间戳

首页 > 解决方案 > 在 html 中更改 id 的值，然后将其更改回来

javascript - 在 html 中更改 id 的值，然后将其更改回来

问题描述

我知道这是一个混乱的代码，但我真的需要帮助解决这个我还无法解决的问题。所以对于我的项目，我正在建立一个电子商店。我有我的产品的模态，我在模态中有一个按钮，用于将项目添加到购物车。在按钮上我有一个 id="1"; 在 javascript 中，如您所见，我将其从“1”更改为“2”。我成功了。现在我被困在 id="2" 中，所以我想重置 id 的值。但我不知道怎么做。

function changeImage(button) {
 var exchangeimage = button.id;
 if (exchangeimage == 'modalopen1') {
   var image = document.getElementById('pic1');
   if (image.src.match("https://mdbootstrap.com/img/Photos/Horizontal/E- 
       commerce/Vertical/img%20(24).jpg")) {
         image.src = "https://mdbootstrap.com/img/Photos/Horizontal/E- 
          commerce/Vertical/img%20(23).jpg";
        } else {
          image.src = "https://mdbootstrap.com/img/Photos/Horizontal/E- 
          commerce/Vertical/img%20(24).jpg";
        }
    }

 if (exchangeimage == 'modalopen2') {
    var image2 = document.getElementById('pic1');
    document.getElementById('1').id='2';
  }
 if (image2.src.match("https://mdbootstrap.com/img/Photos/Horizontal/E-            
    commerce/Vertical/img%20(26).jpg")) {
    image2.src = "https://mdbootstrap.com/img/Photos/Horizontal/E- 
    commerce/Vertical/img%20(23).jpg";
  } else {
     image2.src = "https://mdbootstrap.com/img/Photos/Horizontal/E- 
     commerce/Vertical/img%20(26).jpg";
  }


}


 function add_image(button) {
   var image = button.id;
      if (image == '1') {
        show_image("http://bestjquery.com/tutorial/product-grid/demo11                        /images/img-1.jpg", 155, 206, "image");   
  }

 if (image == '2') {
     show_image("http://bestjquery.com/tutorial/product-grid/demo11/images/img-3.jpg", 155, 206, 
 "image");
  }


}

标签： javascripthtml

解决方案

现在用 id=2 再次获取元素并将 id 设置回 1

document.getElementById('1').id='2';

document.getElementById('2').id='1';
<div id='1'></div>

推荐阅读