К примеру, у нас есть какой-то div
, при нажатии на ссылку которого происходит смена класса в другом диве:
function active(element) {
//Очищаем все уже нажатые элементы
for (var i = 1; i < N; i++) {
var clear = document.getElementById("tab_" + i);
clear.className = "cont" + i;
}
//Присваиваем новый класс нажатому элементу
var block = document.getElementById("tab_" + element);
if (block.className == "cont" + element) {
block.className = "cont" + element + " is_active";
}
}
<div><a href="#" onclick="active('1');">Смени меня</a></div>
<div><a href="#" onclick="active('2');">Смени меня</a></div>
<div id="tab_1" class="cont1 is_active">
<p>Первый див</p>
</div>
<div id="tab_2" class="cont2">
<p>Второй див</p>
</div>
Из кода видно, что функция active
вызывается при нажатии на конкретную ссылку через onclick
. Но как сделать вызов этой функции, чтобы в атрибутах стоял только id
? Как должен измениться JS, кроме того, что он станет каким-то "пассивным" обработчиком? Могу ошибаться в формулировке.