Code Lab BetaBUILD. RUN. DISCOVER.
Code Lab е в разработка. Постепенно добавяме нови уроци и подобрения. Прогресът може да бъде изтрит.
Зареждане…
Code Lab е в разработка. Постепенно добавяме нови уроци и подобрения. Прогресът може да бъде изтрит.
Зареждане…
Code Lab е в разработка. Постепенно добавяме нови уроци и подобрения. Прогресът може да бъде изтрит.
JAVASCRIPT DOM / CHAPTER 04 / Учене / LESSON 04
classList управлява CSS класове без ръчно слепване на низове. add("active") добавя; remove("hidden") маха; contains("active") проверява.
Класовете често включват/скриват стил. В preview ще видиш промяната, ако CSS е в началния HTML.
Мини пример:
const card = document.querySelector("#card"); card.classList.add("active"); card.classList.remove("dim");
Честа грешка: className = "active" (изтрива другите класове); или add без низ.
<style>.active{outline:2px solid #67e8f9}.dim{opacity:.4}</style><div id="card" class="panel dim">Card</div><p id="hint" class="hidden">Tip</p>classList.add / remove без да триеш другите класове.
Натисни Run — HTML се зарежда в sandbox iframe; Stop маха iframe-а (спира и безкраен цикъл).
›