変更値

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; 

これに

（あなたはvalue属性を変更する場合）：代わりに

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

Answer 2

利用のsetAttribute：これまで

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

（あなたが設定/データ-value属性を変更する場合）

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

Answer 3

.data-value はDOM ため、ハイフンの法的JavaScriptのプロパティ名ではなく、任意のイベントのユーザに指定ttributesは、のプロパティに自動的にミラーリングされません。

正しい方法は、したがって、次のとおりです。

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

[<input>要素のvalue属性と.valueプロパティががミラーリングされているが、この場合には、あなたがそのような属性/プロパティを持っていない<h2>要素を使用しています] 。

しかし、あなたが実際に正しい使い方は次のようになりHTML5属性data-valueを使用することを意図している場合：

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