Slik bruker du JavaScript's GetElementById for å få tilgang til et bestemt element - dummier

Du kan bruke JavaScript for å få tilgang til et element på en HTML-side. Du kan gjøre dette for å gjøre endringer i elementet eller til CSS-styling. Prøv det i en øvelse.

1. Åpne teksteditoren med et nytt eller tomt dokument.

   

2. Legg inn følgende HTML og JavaScript i tekstredigeringen:

   Kapittel 2 Hei Andre Linje
   Dette er i et avsnitt.
   Siste linje var theDiv = dokument. getElementById ("myDiv"); varsling ("Innholdet er" + theDiv. innerHTML);
   

3. Lagre filen som getbyid. html i dokumentroten din.

   

4. Åpne nettleseren din og se siden på // localhost / getbyid. html.

   Du bør se et varsel som det som vises her.

   

5. Klikk OK for å avvise varselet og lukk nettleseren din.

6. Tilbake innen getbyid. html i editoren din, fjern JavaScript-linjen som begynner med varsel. Bytt den linjen med disse to:

   theDiv. stil. border = "3px solid black"; theDiv. innerHTML = "Dette er nå endret tekst.";
   

   Hele scriptblokken skal nå se slik ut:

   var theDiv = dokument. getElementById ("myDiv"); theDiv. stil. border = "3px solid black"; theDiv. innerHTML = "Dette er nå endret tekst.";
   

   Når du ser på en nettleser, ser siden nå ut som vist her. Legg merke til at teksten til topplinjen har blitt endret og nå har en kantlinje.