javascript - 如何使用另一个按钮重置另一个元素

Question

我有一个 onclick 函数，我希望能够按下该函数来重置另一个 HTML 元素(在本例中为按钮 id)

function reset(button) {
  button.id = "1";

  document.getElementById("button.id").innerHTML = button.id;
}

<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">

<!-- close button -->
<button class="btn btn-secondary" onClick="reset();" data-dismiss="modal">
    Close
</button>
<!-- close button end -->

<!-- add to cart button -->
<button type="button" onClick="add_price(this); add_image(this);/*reset(this)*/ ;" id="1" class="addtocart btn-primary">
    Add to cart
    <i class="fas fa-cart-plus ml-2" aria-hidden="true"></i>
</button>
<!-- add to cart button end -->

/*reset(this)*/ 可以工作，但还不够，因为每次我将商品添加到购物车时它都会重置。在这种情况下，我希望当我使用关闭按钮(第一个按钮)退出模式时重置 id。

有没有办法使用reset("button.id")来重置“添加到购物车”按钮？或者类似的东西？

Answer 1

通过 JQuery:

$('.btn-secondary').attr('id', 'newID')

通过 JavaScript

document.getElementByClassName(".btn-secondary").id = "newid";