Uit de cursus: Essentiële JavaScript-training
Krijg toegang tot deze cursus met een gratis proefabonnement
Word vandaag lid en krijg toegang tot meer dan 24.900 cursussen geleid door branchedeskundigen.
Oefening: Klassen en attributen wijzigen, en stijlen - tutorial JavaScript
Uit de cursus: Essentiële JavaScript-training
Oefening: Klassen en attributen wijzigen, en stijlen
- In staat zijn om snel toegang te krijgen tot, wijzigen, toevoegen en verwijderen van klassen, attributen en inline stijlen van elk element in de DOM, is een beetje alsof je een zak met tools bij de hand hebt om vrijwel elk probleem op te lossen. Wilt u een statuswijziging van een element aangeven? Een klasse toevoegen of verwijderen. Wilt u gegevens van het ene element naar het andere doorgeven? Voeg een gegevenskenmerk toe. Wilt u om de een of andere reden het uiterlijk van een specifiek element wijzigen? Voeg een inline stijl toe. In de vorige oefenopdracht hebt u vertrouwd gemaakt met het openen van DOM-elementen met behulp van de querykiezer en querykiezer alle methoden. Nu wil ik dat je nog een stap verder gaat door de elementen die je hebt getarget actief te wijzigen door klassen, kenmerken en inline stijlen toe te voegen of te verwijderen. Hier zijn enkele voorbeelden van wat u kunt doen. Zoek een element en voeg twee verschillende klassen toe en verwijder vervolgens…
Oefen terwijl u leert met oefenbestanden
Download de bestanden die de cursusleider gebruikt tijdens de cursus. Volg de stappen en leer door te kijken, te luisteren en te oefenen.
Inhoud
-
-
-
-
-
-
-
(vergrendeld)
DOM: Het documentobjectmodel4 m 7 s
-
(vergrendeld)
Toegang tot elementen met querySelector-methoden6 m 6 s
-
(vergrendeld)
Toegang tot elementen met oudere methoden3 m 45 s
-
(vergrendeld)
Oefening: Een element zoeken1 m 29 s
-
(vergrendeld)
Elementklassen wijzigen4 m 53 s
-
(vergrendeld)
Attributen4 m 13 s
-
(vergrendeld)
Inline stijl3 m 52 s
-
(vergrendeld)
Oefening: Klassen en attributen wijzigen, en stijlen1 m 36 s
-
(vergrendeld)
DOM-elementen toevoegen5 m 25 s
-
(vergrendeld)
Uitdaging: Een nieuwe element toevoegen1 m 45 s
-
(vergrendeld)
Oplossing: Een nieuwe element toevoegen2 m 55 s
-
(vergrendeld)
-
-
-
-
-
-