如何通过JavaScript更改HTML自定义属性值？

我目前有：

<div id="e2" 
    class="progress-bar progress-bar-danger active"
    role="progressbar" data-transitiongoal="45">

---

正如您所说，您希望在运行时进行更改，并且您已经尝试了一种解决方案，该解决方案将在加载时对其进行更改，我建议您这样做。
阅读此内容以理解，然后仅复制以下代码

设置更改数据的

Timeout函数

，并在函数内部清除

Timeout

，以避免重复执行

以毫秒为单位设置持续时间，以便在您要进行更改的时间之后。2000->2秒。0->立即（秒*1000）

您可以检查控制台和持续时间，以检测更改出现的时间和地点

console.log（document.getElementById（'e2'）；//记录实际元素->45
var SIT=window.setTimeout（函数（）{
document.getElementById（“e2”）.setAttribute（“数据传输OAL”、“10”）；
log（document.getElementById（'e2'）；
窗口清除超时（SIT）；
},2000); // 变更持续时间
//日志更改元素->10

---

Something

可能是因为

setAttribute（）

有效，所以您在做其他错误的事情。你能再发一些代码吗？你自己看看：

var elem=document.getElementById（“e2”）；
log（elem.getAttribute（“数据传输OAL”）；
元素setAttribute（“数据传输OAL”，10）；
log（elem.getAttribute（“数据传输OAL”）
好的，我纠正了问题。
我还解决了一些其他问题，它开始工作。
感谢大家提供的解决方案，这也帮了我的忙。
加载文档后是否运行代码？例如，在页面底部使用window.onload或脚本？
document.getElementById("e2").setAttribute("data-transitiongoal", "10");