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

Здравствуйте! Есть такие элементы страницы:
<span data-percent="15">Вариант №1</span>
<span data-percent="60">Вариант №2</span>
<span data-percent="25">Вариант №3</span>

Как мне одним разом заменить во всех тегах Вариант №X на то, что находится в атрибуте data-percent?
Спасибо.
Я обычно для таких задач использую такой код (уже переписан под ваши элементы):
Array.from(document.querySelectorAll('[data-percent]')).map((el) => {
	el.innerHTML = el.dataset.percent;
});

Попробуйте, может подойдет.
Меня тоже интересует вопрос, как работать с элементом по атрибуту data, только мне надо вступать в взаимосвязь с элементом после клика. Как сделать? Заранее спасибо.
Художник, теги и атрибуты те же? Если да, то можно так:
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;
	});
};
Круто! Спасибо, то, что надо!
Я решил использовать оба кода из темы, для всех замен одновременно и для замены в отдельном элементе.
Большое спасибо.