javascript - 如何将值传递给“数据值”

我的网页中有一个网站：http://thanglongvn.com

我在同一网页上有一个标签。我希望“数据值”从标签值而不是硬编码值中获取值。

怎么做？我如何以编程方式将值传递给“数据值”，并将html标记定义为空白，如下所示：

<div class="counter-animated" data-value="span dynamic value here"></div>

<span id="my_IDLabel">dynamic value</span>

最佳答案

您可以使用普通的javascript作为element.dataset.datasetname来访问数据属性

在这种情况下，它是element.dataset.value，您可以将其设置为element.dataset.value =“ class1”

检查此片段

window.onload = function() {
  var counterClass = document.querySelectorAll('.counter-animated');

alert(counterClass[0].dataset.value);
 counterClass[0].dataset.value="class1";
}

<div class="counter-animated" data-value="span dynamic value here"></div>

<span id="my_IDLabel">dynamic value</span>

希望能帮助到你