Как присвоить значение атрибуту data-* в JS?

Question

[Евгений Лиферов]

Переменной присвоить атрибут data-* получилось, но обратный процесс не могу разобрать.
Имеется HTML код.
<div id="images_center" data-imagesvar="1" >
В JS получаю атрибут data-imagesvar вот таким образом:

var lev = document.getElementById("images_center").getAttribute('data-imagesvar');

Далее я хочу переменную "lev" увеличивать на 1 и присваивать результат атрибуту "data-imagesvar":

lev++;
document.getElementById("images_center").setAttribute('data-imagesvar') = lev;

Но это не работает. Возможно ли как нибудь присвоить значение или атрибут data не меняется?

Answer 1

[Денис Инешин]

setAttribute - это сеттер, не нужно после него равно ставить.

.setAttribute('data-imagesvar', lev);

Answer 2

[GreatRash]

Совсем кроссбраузерно:

elem.setAttribute('data-...', 'xxx')
elem.getAttribute('data-...', 'xxx')

по-модному (IE11+):

el.dataset['...'] = 'xxx';