JavaScript- sproget tillader website udviklere at inspicere og ændre den skjulte rammer for en webside. JavaScript har metoder til at få adgang til Document Object Model eller DOM - Hypertext Markup Language s application programming interface . Javascript metode getElementById ( ) gør det muligt for programmøren at inspicere, ændre og tilføje HTML-tags og styling information. De fleste typografiark egenskaber og attributter kan ændres , herunder baggrunde , skrifttyper , grænser, bredder og positionering . HTML-tags skal være mærket med et ID , så getElementById () metode kan finde og få adgang til dem . Ting du skal
almindelig tekst editor
Vis Flere Instruktioner
1
Start standard, almindelig tekst tekst editor program på din computer.
< Br > 2.
Indtast følgende kode i teksteditoren : Hej
< style type = "text /css " > <-
# ydre {
background- color: gul,
}
# inderste language = " javascript " >
funktion 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 ændre mange egenskaber for en Div. "
}
< /script >
< /head >
< div id = " indre" onClick = " changeDiv () "> Klik på i rød boks til at ændre div
Start din browser. Klik på " File ", " Åbn fil ".
5
Find filen " test.html " du har oprettet. Klik på " Åbn ".
6
Klik på teksten i den blå baggrund med musen for at ændre kassens marginer.