使用js在div上設置數據屬性

Question

我有一堆div.textBox，我想將數據屬性應用到它。

這是我想結束了一下：

<div class="text" data-stellar-ratio="2"> 

我已經試過：

document.getElementByClassName('text').dataset.stellar.ratio = "2"; 

但它不工作...

幫助！

Answer 1

document.getElementsByClassName('text')[0].setAttribute('dataset-stellar-ratio', '2') 

Answer 2

您拼寫爲getElementsByClassName錯誤，您需要遍歷元素集合並將stellar.ration更改爲stellarRatio。

var eles = document.getElementsByClassName('text'); 
for (var x = 0; x < eles.length; x++){ 
    eles[x].dataset.stellarRatio = "2"; 
} 

Answer 3

的setAttribute做所有的瀏覽器不完全的工作。 http://www.w3schools.com/jsref/met_document_createattribute.asp有一個例子，肯定會奏效。

var att=document.createAttribute("whatever"); 
att.value="someting"; 
document.getElementById('mydivid').setAttributeNode(att);