javascript - 根据函数结果更改数据百分比属性？

Question

我有一个问题，我已经尝试解决了一段时间，非常感谢任何帮助。

我有一个具有以下属性的进度条:

<div class="bar-cont" data-percentage="0">

如果我在 0-100 之间手动更改数据百分比，那么进度条会完美运行。

但是，百分比会因用户而异，所以我想知道是否可以将数据百分比设置为下面代码的结果(仅在单击按钮后产生结果)。

Math.floor(finalResult.result[0]* 100)

上面的代码确实产生了一个介于 0-100 之间的值，并且嵌套在几个函数中。

querySelectorAll、getElementById、setAttribute 等各种方法都试过了，都没有成功。

根据我的理解，数据百分比实际上可能根本不是一个属性，因为它似乎被写成:

var percentage = $(bar).data('percentage') / 100;

Answer 1

您可以使用以下设置数据属性的值:

document.querySelector('.bar-cont').dataset.percentage = 50;

或者，使用 jQuery:

$('.bar-cont').data('bar-cont', 50);

这两者都会将数据属性的值设置为 50。