如何使用 get document.getElementById 更改按钮 div

Question

我的代码是

<div class="flex-shrink-1 " id="request_btn<?= $contact['id'] ?>">
  <button data-request-to="<?= $contact['id'] ?>" data-request-from="<?= $_SESSION['id'] ?>" class="btn btn-sm btn-primary send_request" >Send Request
  </button>
</div>
<div class="flex-shrink-1 " id="del_request<?= $contact['id'] ?>">
  <button data-request-to="<?= $contact['id'] ?>" data-request-from="<?= $_SESSION['id'] ?>" class="btn btn-sm btn-danger del_request"  style="display:none;">Reject Request
  </button>
</div>

我想在 JavaScript 中使用

document.getElementById("del_request[int_values]").setAttribute('style','display:none');

document.getElementById("del_request[int_values]").removeAttribute('style'); 

和

document.getElementById("send_request[int_values]").setAttribute('style','display:none');

document.getElementById("send_request[int_values]").removeAttribute('style'); 

我希望你能理解，如何在 javascript 中添加 send_request[int_values]

Answer 1

你可以做类似的事情

var a = [int_values] // for multiple values, can be taken as input of a function

var elementId = "send_request" + a ;

document.getElementById(elementId)