如何将 JavaScript 变量传递给 DIV 标签？

Question

我正在尝试将一个 javascript 变量传递给 div 标签以更改其属性的代码。 如果有人知道如何做到这一点，请帮助我。

<div id="rate" class="money" data-wpac-chan=""></div>

我想将一个 javascript 变量传递给 data-wpac-chan。

<script type="text/javascript">    
    var div = document.getElementById("rate").data-wpac-chan = "bal";
</script>

它不工作。 我想将 data-wpac-chan="" 替换为 data-wpac-chan="bal"

Answer 1

这应该这样做：

document.getElementById("rate").setAttribute("data-wpac-chan", "bal");

SetAtrribute 将设置 HTML 元素上的任何属性。

Answer 2

您还可以使用dataset将值分配给具有data-的属性。 请注意，您需要使用驼峰式命名法作为属性名称。 所以， wpac-chan变成了wpacChan

 document.getElementById("rate").dataset.wpacChan = 'bal'

 <div id="rate" class="money" data-wpac-chan="">sadasd</div>