Il linguaggio JavaScript consente agli sviluppatori di siti web per controllare e modificare il quadro nascosto di una pagina web. JavaScript dispone di metodi per accedere al Document Object Model o DOM - interfaccia di programmazione del Hypertext Markup Language . Il metodo getElementById Javascript ( ) permette al programmatore di controllare , modificare e aggiungere tag HTML e informazioni styling. Proprietà del foglio di stile più e gli attributi possono essere modificati , tra cui sfondi , font , bordi , larghezze e posizionamento . I tag HTML devono essere etichettati con un ID in modo che il metodo getElementById ( ) può trovare e accedere ad essi . Cose che ti serviranno
Plain- text editor di
Show More Istruzioni
1
Avviare lo standard , testo semplice editor di testo sul vostro computer .
< Br > 2
Inserisci il seguente codice nell'editor di testo :
< tipo style = "text /css " > < -
# esterno {
background-color : yellow ;
}
# interiore language = "javascript " >
funzione changeDiv ( ) {
document.getElementById ( " interno " ) style.width = " 400px " ; .
document.getElementById ( " interno " ) style.height = " 400px " ; .
document.getElementById ( " interno " ) style.fontSize = " 62px " ; .
document.getElementById ( " interiore " . ) style.textAlign = "center" ; stile
document.getElementById ( " interno " ) ;
document.getElementById ( " interno " ) = style.backgroundColor " # FFB3B3 " . . . color = "black " ; .
document.getElementById ( " interno " ) innerHTML = " javascript possono modificare molte proprietà di un Div " ;
}
< /script>
< /head>
Clicca nel riquadro rosso per cambiare il div < /div >
< /body>
< /html >
3 < p > Fare clic su " File ", "Salva ". Salvare con il nome di file " test.html . "
4
Avviare il browser . Fare clic su " File ", "Apri file ".
5
Individuare il file " test.html " si è creato. Fare clic su "Apri ".
6
Clicca sul testo all'interno del fondo blu con il mouse per cambiare i margini del box .