Hvordan man bruger JavaScript's GetElementById til at få adgang til et bestemt element - dummies

Video: Technology Stacks - Computer Science for Business Leaders 2016 2025

Du kan bruge JavaScript til at få adgang til et element på en HTML-side. Det kan du gøre for at foretage ændringer i elementet eller til CSS-styling. Prøv det i en øvelse.

Åbn din teksteditor med et nyt eller tomt dokument.

I teksteditoren skal du placere følgende HTML og JavaScript:

Kapitel 2 Hej Anden Linje
Dette er i et afsnit.
Sidste linje var theDiv = dokument. getElementById ("myDiv"); advarsel ("indholdet er" + theDiv. innerHTML);

Gem filen som getbyid. html i din dokument rod.
Åbn din webbrowser og se siden på // localhost / getbyid. html.

Du skal se en advarsel som den her viste.
Klik på OK for at afvise varslen, og luk din browser.
Tilbage indenfor getbyid. html i din editor, fjern JavaScript-linjen, der begynder med advarsel. Udskift denne linje med disse to:
```
theDiv. stil. border = "3px solid black"; theDiv. innerHTML = "Dette er nu ændret tekst.";
```
Hele scriptblokken skal nu se sådan ud:
```
var theDiv = dokument. getElementById ("myDiv"); theDiv. stil. border = "3px solid black"; theDiv. innerHTML = "Dette er nu ændret tekst.";
```
Når den ses i en browser, ser siden nu ud som vist her. Bemærk specielt, at teksten i øverste linje er blevet ændret og nu har en grænse.