使用特殊字符“ - ”调用<div>元素

Question

我是javascript和jquery的新手。我正在尝试使用以下代码来更改div元素“data-transitiongoal”的值，但是特殊字符会破坏我的代码。你能帮我解释一下语法吗？

这不起作用：

document.getElementById("performance1").data-transitiongoal= "80";

我的div元素就是这个：

div id =“performance1”class =“progress-bar bg-green”role =“progressbar”data-transitiongoal =“40”

非常感谢！

Answer 1

如果要使用JavaScript更改HTML元素的值，对于border-radius等多个单词的属性，可以使用驼峰大小写来编写属性。也许试试这个：

document.getElementById("performance1").dataTransitiongoal= "80";

您也可以尝试使用jQuery：

$("#performance1").attr('data-transitiongoal', 80);

Answer 2

jQuery数据方法也可以工作：

$("#performance1").data('transitiongoal', 80);

更改div的数据值。如果你想改变div的内容，那就完全不同了。