Вопрос по ID в HTML и JS

267

25 октября 2017, 07:14

Имеем несколько id: icon_1, icon_2, icon_3. Хочется в скрипте написать "универсальный" id, для которого будут происходить к-л действия, чтобы получилось что-то типа icon_[i]. Есть ли такие возможности у JS?

Чтобы не писать каждый раз для каждого id к-л действия в скрипте:

document.getElementById("icon_1").classList.remove("nav-icon--active");
document.getElementById("icon_2").classList.remove("nav-icon--active");

Answer 1

Можно так:

for(var i = 1; i<idLength; ++i){
   document.getElementById("icon_"+i).classList.remove("nav-icon--active");
}

Но это обычно не лучший способ, посмотрите, может можно задать этим элемнтам один class и уже манипулировать ими?

Answer 2

Как пример, можно использовать цикл:

let count = document.getElementByClassName('nav-icon--active').length; //получаем количество элементов, которые вы используете по классу.
for (let i = 1; i<=count; i++)
{
     document.getElementById('icon_' + i).classList.remove('nav-icon--active'); //подставляем вместо цифры i, можно подставлять любое число.
}

Советую вам ознакомиться с преобразованием примитивов.