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

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_requestint_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)