更改.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"设置为

Answer 2

document.getElementById（“verifyButton”）。setAttribute（“data-dismiss”，“Modal-or-anything”）;