Video: Technology Stacks - Computer Science for Business Leaders 2016 2024
U kunt JavaScript gebruiken om toegang te krijgen tot een element binnen een HTML-pagina. U kunt dit doen om wijzigingen aan te brengen aan het element of de CSS-stijl. Probeer het uit in een oefening.
-
Open uw teksteditor met een nieuw of leeg document.
-
Plaats de volgende HTML en JavaScript in de teksteditor:
Hoofdstuk 2 Hallo tweede regel
Dit staat in een alinea.
Last Line var theDiv = document. getElementById ("myDiv"); alert ("De inhoud is" + de div. innerHTML); -
Sla het bestand op als getbyid. html in de hoofdmap van uw document.
-
Open uw webbrowser en bekijk de pagina op // localhost / getbyid. html.
Je zou een waarschuwing moeten zien zoals hier getoond.
-
Klik op OK om de melding te sluiten en uw browser te sluiten.
-
Terug in getbyid. html in je editor, verwijder de JavaScript-regel die begint met een waarschuwing. Vervang die regel door deze twee:
theDiv. stijl. border = "3px effen zwart"; theDiv. innerHTML = "Dit is nu een gewijzigde tekst.";
Het volledige scriptblok zou er nu als volgt uit moeten zien:
var theDiv = document. getElementById ("myDiv"); theDiv. stijl. border = "3px effen zwart"; theDiv. innerHTML = "Dit is nu een gewijzigde tekst.";
Wanneer de pagina in een browser wordt bekeken, ziet deze er nu zo uit als hier wordt weergegeven. Let specifiek op dat de tekst van de bovenste regel is gewijzigd en nu een rand heeft.