набор атрибутов данных на DIV с JS

Обновить

December 2018

Просмотры

6.9k раз

5

Я получил кучу div.textBox, что я хочу, чтобы применить атрибут данных к нему.

Вот что я хочу, чтобы в конечном итоге с:

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

Я пробовал :

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

Но это не работает ...

Помогите!

4 ответы

1

setAttribute doesn't quite work in all browsers. http://www.w3schools.com/jsref/met_document_createattribute.asp has an example that will certainly work well.

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

You can add data attribute to any element in html using the following statement:

$('#id_of_element').attr('data-id', 'your_value');

It will render as follows for a div:

<div data-id="your_value">
0

You spelled getElementsByClassName wrong and you need to iterate over the collection of elements and change stellar.ration to stellarRatio.

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