АКЦИЯ: бесплатные месячные курсы по созданию сайтов
на выбор: верстка, JavaScript, PHP или фреймворки. Сегодня последний день для записи! Жми!
15 of 73 menu
НОВИНКА: Практика на Реальных Проектах и Работы в Портфолио. Бесплатный курс! Жми для записи!

Набор DOM элементов без дублей с помощью Set ES6

Рассмотрим применение коллекций Set. Создадим с его помощью набор DOM элементов, в котором будут отсутствовать дубли и решим с помощью такого набора практическую задачу.

Исходники кода

p { padding: 10px; border: 1px solid red; } <p>1</p> <p>2</p> <p>3</p> <p>4</p> <p>5</p> <button>go</button> let set = new Set; let elems = document.querySelectorAll('p'); for (let elem of elems) { elem.addEventListener('click', function() { set.add(this); }); } let button = document.querySelector('button'); button.addEventListener('click', function() { for (let elem of set) { elem.innerHTML += '!'; } set.clear(); });

Смотрите также