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

【问题标题】：Call <div> element with special character "-"使用特殊字符“-”调用 <div> 元素
【发布时间】：2016-08-01 21:06:34
【问题描述】：

我是 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"

非常感谢！

【问题讨论】：

【解决方案1】：

如果您想使用 JavaScript 更改 HTML 元素的值，对于像 border-radius 这样的多于一个单词的属性，您可以将属性写成驼峰式。也许试试这个：

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

您也可以尝试使用 jQuery：

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

【讨论】：

【解决方案2】：

jQuery 数据方法也可以工作：

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

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

【讨论】：