更改值

Question

我試圖改變數據值的值下面的代碼：

<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> 

我曾嘗試：

document.getElementById('totalma').data-value = 90; 

返回錯誤：引發ReferenceError ：無效分配左側

Answer 1

嘗試改變這一點：

document.getElementById('totalma').data-value = 90; 

這個（如果你想改變值屬性）：

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

這個（如果你想改變/設置數據值屬性）：

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

Answer 2

使用的setAttribute來代替：

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

Answer 3

.data-value是不是合法的JavaScript屬性名稱，因爲連字符，在任何情況下用戶指定的DOM 一屬性不會自動鏡像到屬性。因此

正確的方法是：

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

[一種<input>元素的value屬性和.value屬性被鏡像，但在這種情況下，你正在使用不具有這樣的屬性/特性的<h2>元件] 。

但是，如果你實際上意味着使用HTML5屬性data-value那麼正確的用法是：

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