Atribuirea și eliminarea claselor folosind javascript

Avem în vedere funcționarea una dintre cele mai frecvent utilizate manipularea DOM. Utilizatorul face clic pe butonul de închidere? Adăugarea de clasă ascuns-o fereastră modal. Anterior, în scopul de a obține acest efect am folosit jQuery! Astăzi ar trebui să se retragă din această funcție și de a folosi JS nativ. Introducere în classList proprietate.

Element.classList

proprietate classList returnează o listă de clase aplicate pe elementul. Din fericire pentru noi, există mai multe metode convenabile:

• add - add clasa
• îndepărtați - șterge clasa
• comutare - clasa comutator
• conține - pentru a verifica dacă o clasă

Exemple de metode de utilizare:

Sprijinul pentru această proprietate este destul de larg. Dacă vorbim despre IE, atunci acesta susține piesa, începând cu versiunea 10, dar din fericire avem un hack care va revigora classList în IE8.

Pentru versiunile mai vechi de browsere

Mai sus hack sus pot fi găsite pe GitHub.

Prin obținerea de informații de la două canale (vedere si auz) eficacitatea instruirii de învățare departe superioare de cărți. O temele pentru acasă și teste on-line vă va permite să se gândească în mod constant în limba țintă și imediat verifica cunoștințele!

Dacă doriți o lungă perioadă de timp pentru a studia modul în HTML, mi-ai, pentru ai vesti bune!

Dacă ați învățat deja HTML și doresc să avanseze, următorul pas va fi de a studia tehnologia CSS.

Dacă doriți să înțeleagă conceptele de domeniu si hosting, învață cum să creeze o bază de date, încărca fișiere pe un site web prin intermediul unui server FTP, crea subdomenii, configurați cutiile poștale pentru site-ul și să monitorizeze participarea, acest curs este conceput special pentru tine!