Javascript 按id问题更改值

Javascript 按id问题更改值,javascript,html,Javascript,Html,我正在尝试更改以下代码段的数据值: <div class="media-body"> <small>Total MA'ers found</small> <h2 id="totalma" class="media-heading animate-number" value="29" data-animation-duration="1500">0</h2> </div> 返回错误:ReferenceErro

我正在尝试更改以下代码段的数据值:

<div class="media-body">
    <small>Total MA'ers found</small>
    <h2 id="totalma" class="media-heading animate-number" value="29" data-animation-duration="1500">0</h2>
</div>
返回错误:ReferenceError:invalid assignment left-side

尝试更改此选项:

document.getElementById('totalma').data-value = 90;
若要更改“值”属性,请执行以下操作:

为此(如果要更改/设置数据值属性):


请改用setAttribute:

document.getElementById('totalma').setAttribute("value", 90);

.data value
由于连字符,不是合法的JavaScript属性名称,而且在任何情况下,用户指定的DOM属性都不会自动镜像到属性中

因此,正确的方法是:

 document.getElementById('totalma').setAttribute('value', 90);
[镜像了
元素的
属性和
属性,但在本例中,您使用的是一个
元素,它没有这样的属性/属性]

但是,如果您实际上打算使用HTML5属性
数据值
,那么正确的用法是:

document.getElementById('totalma').dataset.value = 90;

document.getElementById('totalma').dataset.value=90将设置
数据值=“90”
,还是
数据值
?您的HTML表示前者,但问题表示后者。
document.getElementById('totalma').setAttribute("value", 90);
 document.getElementById('totalma').setAttribute('value', 90);
document.getElementById('totalma').dataset.value = 90;