如何将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>