更改 .innerHTML 属性答案

【问题标题】：Change .innerHTML property更改 .innerHTML 属性
【发布时间】：2016-08-23 04:37:34
【问题描述】：

我正在尝试从<script type="text/javascript"> 中将 data-dismiss="modal" 更改或添加到按钮的 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 ？第二次单击该按钮时，它会变为“继续”，然后需要关闭“模态”警报。

【问题讨论】：

document.getElementById("verifyButton").setAttribute('data-dismiss', 'modal')
您似乎对innerHTML 是什么有误解。它不会改变当前元素的属性。它“设置或获取描述 元素的后代的 HTML 语法。”

标签： javascript html

【解决方案1】：

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

【讨论】：

【解决方案2】：

document.getElementById("verifyButton").setAttribute("data-dismiss", "Modal-or-anything");

【讨论】：