javascript - 更改 .innerHTML 属性

Question

我正在尝试更改或添加: data-dismiss="modal"到 <script type="text/javascript"> 内按钮的innerHTMl .

<button type="button" id="verifyButton" name="verifyButton" data-dismiss="" onclick="VerifyMembership()" class="btn btn-primary" >Verify Membership #</button>

第一次单击按钮时，它会转到 onclick 函数

function VerifyMembership() {                                               
document.getElementById("verifyButton").className = "btn btn-success";
document.getElementById("verifyButton").innerHTML = ('Continue <i class="fa fa-check"></i>');

我想知道如何更改或添加 data-dismiss="modal"到innerHTML ？ 第二次单击该按钮时，它会更改为“继续”，然后需要关闭“模式”警报。

Answer 1

您可以将属性设置为 document.getElementById("verifyButton").setAttribute("data-dismiss", "modal"); 或可能是 document.getElementById('verifyButton' ).dataset.dismiss = "modal" 有效