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: Een element zoeken - tutorial JavaScript
Uit de cursus: Essentiële JavaScript-training
Oefening: Een element zoeken
- Op en neer gaan in de DOM-boom om een of meer elementen te vinden, is iets dat je de hele tijd doet wanneer je met JavaScript werkt. Dus ik wil dat dit een tweede natuur voor je wordt. Nu u bekend bent met de belangrijkste methoden die we gebruiken om elementen te vinden in de methoden DOM, querySelector en querySelectorAll, wil ik dat u de tijd neemt om vertrouwd te raken met hoe krachtig en veeleisend deze methoden zijn door elementen in een HTML-document te vinden. In de oefenbestanden is er een standaard HTML-document met een heleboel verschillende elementen en klassen. Dit is je speeltuin om objecten te vinden en ermee te werken. Dit is wat ik wil dat je doet. Identificeer in de browser een specifiek element of een set elementen die u wilt targeten. Gebruik de console of het script.js bestand als u geavanceerder wilt worden om die doelelementen te vinden. Ga dan verder dan de basis. Probeer specifieke elementen te targeten die in andere elementen zijn genest en gebruik…
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)
-
-
-
-
-
-