Javascript fornisce ai programmatori gli strumenti per modificare il quadro invisibile di una pagina Web noto come il Document Object Model ( DOM ) . Il DOM è l' interfaccia di programmazione di HyperText Markup Language ( HTML ) . Il metodo getElementById () di JavaScript può accedere alla pagina di divisione tag " div " per aggiungere o modificare le informazioni di stile HTML , come sfondi , font , bordi , larghezze e posizionamento . Inoltre , la proprietà innerHTML può cambiare il contenuto tra il
tag . Tag HTML devono essere etichettati con un ID prima il metodo getElementById ( ) può trovare e accedere a essi. Cose che ti serviranno
Plain- text editor di
Show More Istruzioni
1
Lanciare l' applicazione standard di editor di testo che è disponibile sul computer.
2
Inserisci il seguente codice nell'editor di testo :
< tipo style = "text /css ">
# interiore language = "javascript " >
funzione changeDiv ( ) {
document.getElementById ( " interno " ) style.width = " 500px " ; .
document.getElementById ( " interno " ) style.height = " 220px " ; .
document.getElementById ( " interno " ) style.fontSize = " 62px " ; .
document.getElementById ( " interiore " . ) style.textAlign = "center" ; stile
document.getElementById ( " interno " ) ;
document.getElementById ( " interno " ) = style.backgroundColor " # FFB3B3 " . . . border = " 4px tratteggiata rossa " ; .
document.getElementById ( " interno " ) style.color = " nero " ; .
document.getElementById ( " interno " ) innerHTML = " JavaScript può inserire lo stile e gli elementi contenuti in un div " ;
document.getElementById ( " myButton " ) . value =" e funziona " ; !
}
< ;/script>
< /head>
qui è il div rosso < /div > ;
< p > < /body>
< /html >
3 Fare clic sul menu File . Selezionare l'opzione "Salva" . Salva con il nome di file " test.html . "
4
Lanciare il browser web che è disponibile sul computer. Fare clic sulla voce di menu "File" e selezionare " Apri file ".
5
Individuare il file " test.html " che hai appena creato , selezionarlo con il mouse, quindi fare clic su "Apri ".
Pagina 6
Fare clic sul pulsante " Fare clic su questo pulsante per inserire nuovi Info Into the Div. rossa sopra . "
