JavaScript giver programmører værktøjer til at ændre den usynlige rammer for en webside er kendt som Document Object Model ( DOM) . DOM er application programming interface HyperText Markup Language ( HTML) . Javascript metode getElementById () kan få adgang til siden division tagget " div " for at tilføje eller ændre HTML styling oplysninger som baggrunde , skrifttyper , grænser, bredder og positionering . Desuden kan den innerHTML egenskaben ændre indholdet mellem tags. HTML-tags skal være mærket med et ID , før getElementById () metode kan finde og få adgang til dem . Ting du skal
almindelig tekst editor
Vis Flere Instruktioner
1

Start standard almindelig tekst editor program, der er tilgængelig på din computer.
< br > 2

Indtast følgende kode i teksteditoren : Hej

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

# inderste language = " javascript " >

funktion changeDiv () {

document.getElementById ( "indre " ) style.width = " 500px " .

document.getElementById ( "indre " ) style.height = " 220px " .

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

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

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

document.getElementById ( " indre" ) stil. . border = " 4px stiplet rød " .

document.getElementById ( "indre " ) style.color = " black" , .

document.getElementById ( "indre " ) innerHTML = " JavaScript kan indsætte styling og indholdselementer i en Div. "

document.getElementById ( " mybutton "). value =" og det virker " !

}

< ;/script >

< /head >

;

< p>

< /html >
3

Klik på menuen Filer . Vælg " Gem" valgmulighed. Gem under filnavnet " test.html ".
4

Start browseren , der er tilgængelig på din computer. Klik på " File" menupunktet , og vælg "Åbn fil ".
5

Find filen " test.html " du lige har oprettet , skal du markere det med musen og klik derefter på "Åbn". < br >
6

Klik på knappen " Klik på denne knap Indsæt Ny info i det røde Div. Above . "