Работа с элементом через атрибут "data" на JavaScript

03.08.2018 04:44:49 pm

#1

Здравствуйте! Есть такие элементы страницы:

<span data-percent="15">Вариант №1</span>
<span data-percent="60">Вариант №2</span>
<span data-percent="25">Вариант №3</span>

Как мне одним разом заменить во всех тегах Вариант №X на то, что находится в атрибуте data-percent?
Спасибо.

Жалоба

03.08.2018 05:10:42 pm

#2

Я обычно для таких задач использую такой код (уже переписан под ваши элементы):

Array.from(document.querySelectorAll('[data-percent]')).map((el) => {
	el.innerHTML = el.dataset.percent;
});

Попробуйте, может подойдет.

Жалоба

06.08.2018 06:20:25 am

#3

Меня тоже интересует вопрос, как работать с элементом по атрибуту data, только мне надо вступать в взаимосвязь с элементом после клика. Как сделать? Заранее спасибо.

Жалоба

06.08.2018 07:04:57 am

#4

Художник, теги и атрибуты те же? Если да, то можно так:

var percent = document.querySelectorAll('[data-percent]');

for (var i = 0; percent.length > i; i++) {
	percent[i].addEventListener('click', function(e) {
		this.innerHTML = this.dataset.percent;
	});
};

Жалоба

06.08.2018 06:40:39 pm

#5

Круто! Спасибо, то, что надо!

Жалоба

08.08.2018 06:50:31 am

#6

Я решил использовать оба кода из темы, для всех замен одновременно и для замены в отдельном элементе.
Большое спасибо.

Жалоба