以下属于Div的属性或属性吗？

Question

我试图插入一些JS代码计算的数字并编辑 data-number-value =“127842”到一个新的数字。

如何使用JS访问和覆盖此数字。

这是属性还是属性？

这是DOM代码：

<div class="et_pb_number_counter et_pb_module et_pb_bg_layout_light downloadcount et_pb_number_counter_0" data-number-value="127842">
<div class="percent" style="color:#e2332d"><p><span class="percent-value"></span></p></div>
<h3>Downloads</h3>
</div>

这是我的JS

jQuery( ".downloadcount" ).setAttribute('data-number-value', downloadCount);

我无法让它工作

Answer 1

setAttribute是DOM Method，您无法直接在jQuery对象上使用。

访问本机JavaScript对象以使用setAttribute函数：

jQuery( ".downloadcount" )[0].setAttribute('data-number-value', downloadCount);

或使用jQuery data function

jQuery( ".downloadcount" ).data('number-value', downloadCount);

Answer 2

jQuery( ".downloadcount" ).data('number-value', downloadCount);

OR：

jQuery( ".downloadcount" ).attr('data-number-value', downloadCount);

DEMO

Answer 3

不需要jQuery。您可以使用dataset访问DOM中的data- *属性。

document.querySelector('.downloadcount').dataset['number-value'] = downloadCount;