The JavaScript språket tillåter webbutvecklare att inspektera och modifiera den dolda ramen för en webbsida . JavaScript har metoder för att komma åt Document Object Model eller DOM - Hypertext Markup Language s programmeringsgränssnitt . Den JavaScript metoden getElementById ( ) tillåter programmeraren att inspektera , ändra och lägga till HTML-taggar och styling informationssystem. Mest formatmallsfel egenskaper och attribut kan ändras , inklusive bakgrunder , teckensnitt , kantlinjer , bredder och positionering . HTML-taggarna måste märkas med ett ID så getElementById ( ) metoden kan hitta och komma åt dem . Saker du behöver
Plain - textredigerare
Visa fler instruktioner
1
Starta standard , vanlig text textredigerare på din dator .
2
Skriv följande kod i texteditorn :
< style type = " text /css " > < - AktieTorget
# yttre {
background- color : yellow ;
}
# inner language = " javascript " >
funktion changeDiv ( ) {
document.getElementById ( " inre" ) style.width = " 400px "; .
document.getElementById ( " inre" ) style.height = " 400px "; .
document.getElementById ( " inre" ) style.fontSize = " 62px "; .
document.getElementById ( " inre" . ) style.textAlign = " center " ,
document.getElementById ( " inre" ) style.backgroundColor = " # FFB3B3 "; .
document.getElementById ( " inre" ) stil . . color = " black " , .
document.getElementById ( " inre" ) innerHTML = " JavaScript kan ändra många egenskaper hos en Div " ,
}
< /script >
< /head >
< div id = " inre" onClick = " changeDiv ( ) " > Klicka på röda rutan för att ändra div < /div >
< /body>
< /html > Addera 3
Klicka på " File ", " Spara . " Spara under filnamnet " test.html . "
4
Starta webbläsaren . Klicka på " File ", " Open File ".
5
Leta upp filen " test.html " du skapade . Klicka på " Öppna ".
6
Klicka på texten i den blå bakgrunden med musen för att ändra lådans marginaler .
