电子：.setAttribute 不起作用（不同）答案

【问题标题】：Electron: .setAttribute not working (different)电子：.setAttribute 不起作用（不同）
【发布时间】：2017-05-22 22:58:23
【问题描述】：

我正在尝试对以下内容使用 .setAttribute：

   <div class="media-body">
                <small>Total MA'ers found</small>
                <h2 id="totalma" class="media-heading animate-number" data-value="29" data-animation-duration="1500">0</h2>
              </div>

与：

document.getElementById('totalma').setAttribute("data-value", 90);

当我在浏览器中对 .htm 文件进行尝试时，它运行良好。但是，对于 Electron，它不会。该值不会更改为 90。可能是什么问题？

两个代码都存储在 home.htm 中

【问题讨论】：

如何检查属性的更新值？
它正在工作。我从开发人员工具中检查了
在浏览器中它确实有效，但在 Electron 中由于某种原因它不能。

标签： javascript html electron

【解决方案1】：

Javascript 中自定义数据属性的名称是同一 HTML 属性的名称，但采用驼峰式格式，没有破折号、圆点等。

所以在你的情况下这会起作用

document.getElementById('totalma').setAttribute("dataValue", 90);

您可以在此处找到有关自定义 data-* 属性的更多信息：- https://developer.mozilla.org/en/docs/Web/API/HTMLElement/dataset

【讨论】：