The JavaScript språket tillater nettstedet utviklere å inspisere og modifisere den skjulte rammen av en webside. JavaScript har metoder for å få tilgang til Document Object Model, eller DOM - Hypertext Markup Language er programmeringsgrensesnitt . JavaScript- metoden getElementById ( ) gjør det mulig for programmerer å inspisere, endre og legge til HTML -tagger og styling informasjon . Mest stilark egenskaper og attributter kan bli endret, inkludert bakgrunner , skrifter , kantlinjer , bredder og posisjonering . HTML-kodene skal være merket med en ID så getElementById ( )-metoden kan finne og få tilgang til dem . Du trenger
Plain - teksteditor
Vis flere instruksjoner
en

Start standard , ren tekst tekst editor program på datamaskinen din .

2

Skriv inn følgende kode inn i teksten redaktør : en

< style type = "text /css " > < -

# ytre {

background- color: gul ;

}

# indre language = " javascript " >

funksjon changeDiv ( ) {

document.getElementById ( "indre ") style.width = " 400px "; .

document.getElementById ( "indre ") style.height = " 400px "; .

document.getElementById ( "indre ") style.fontSize = " 62px "; .

document.getElementById ( "indre " . ) style.textAlign = "center ";

document.getElementById ( "indre ") style.backgroundColor = "# FFB3B3 "; .

document.getElementById ( " indre" ) stil . . color = "black "; .

document.getElementById ( "indre ") innerHTML = " JavaScript kan endre mange egenskaper for en Div. ";

}

< /script >

< /head >

< div id = "indre " onClick = " changeDiv ( ) "> Klikk i rød boks for å endre div < /div >

< /body >

< /html >
3

Klikk på "File ", " Lagre". Lagre under filnavnet " test.html . "
4

Start din nettleser. Klikk på "File ", " Open File ".
5

Finn filen " test.html " du har laget. Klikk "Open ".
6

Klikk på teksten i den blå bakgrunnen med musen for å endre boksens marginer.