[英]How to pass a JavaScript variable to DIV tag?
I am trying a code to pass a javascript variable to the div tag to change its attribute.我正在尝试将一个 javascript 变量传递给 div 标签以更改其属性的代码。 If anyone knows how to do this, help me.
如果有人知道如何做到这一点,请帮助我。
<div id="rate" class="money" data-wpac-chan=""></div>
I want to pass a javascript variable to the data-wpac-chan.我想将一个 javascript 变量传递给 data-wpac-chan。
<script type="text/javascript">
var div = document.getElementById("rate").data-wpac-chan = "bal";
</script>
It is not working.它不工作。 I want to replace data-wpac-chan=" " to data-wpac-chan="bal"
我想将 data-wpac-chan="" 替换为 data-wpac-chan="bal"
This should do it:这应该这样做:
document.getElementById("rate").setAttribute("data-wpac-chan", "bal");
SetAtrribute will set any attribute on an HTML element. SetAtrribute 将设置 HTML 元素上的任何属性。
You can also use dataset
to assign the value to the attributes that has data-
.您还可以使用
dataset
将值分配给具有data-
的属性。 Notice that, you need to use the camelcase as attribute name.请注意,您需要使用驼峰式命名法作为属性名称。 So,
wpac-chan
becomes wpacChan
所以,
wpac-chan
变成了wpacChan
document.getElementById("rate").dataset.wpacChan = 'bal'
<div id="rate" class="money" data-wpac-chan="">sadasd</div>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.