JavaScript'теги бир классты стилдештирүү

Бизде элементтин абалына жараша аны берген эки классты бар болсун:

div.active {
	color: red;
}
div.passive {
	color: black;
}

Чынында, бул жерде эки класстын болушу тоскоолдук жаратышы мүмкүн. Бул учурда биз стилдерди төмөнкүдөй селектор :not аркылуу кайра жаза алабыз:

div.active {
	color: red;
}
div:not(active) {
	color: black;
}

Бул учурда биз класстыы ыңгайлуу түрдө 'тагылдырып' (toggle), элементти жигердүү же жигердүү эмес кыла алабыз:

elem.classList.toggle('active');

Абзацтар берилген. Абзацтардын ар бирине биринчи чыкылдатууда кызыл түскө, экинчи чыкылдатууда кара түскө боёлушу үчүн кылыңыз.