使用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);