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;