July 14
Il Document Object Model o DOM dà accesso agli elementi di una pagina Web. Il DOM consente di aggiungere o modificare sfondi, margini, colori, tipi di font, caratteri, bordi e larghezze. La funzione JavaScript getElementById () consente di modificare un documento HTML, o HypertText Markup Language, elemento se tale elemento viene etichettato con un ID univoco. Se un elemento di stile come il colore del carattere di un paragrafo è già impostato, è possibile ignorare l'attributo senza ricaricare la pagina Web impostando l'attributo di colore di stile su una stringa vuota.
1 Avviare l'editor Blocco note di testo semplice facendo clic sul pulsante "Start", cliccando su "Tutti i programmi", "Accessori", e quindi facendo clic su Blocco note.
2 Digitare in Blocco note:
<Html>
<Head>
<Style type = "text / css">
p {
font-weight: normal;
font-style: normal;
font-size: 12px;
border: 2px blu tratteggiata;
width: 50%;
}
</ Style>
<Script language = "javascript">
Funzione changeStyle () {
// Tutti gli attributi impostati e stringa vuota ""
. Document.getElementById ( "contenitore") style.backgroundColor = "";
. Document.getElementById ( "titolo") style.color = "";
. Document.getElementById ( "titolo") style.backgroundColor = "";
. Document.getElementById ( "box") style.padding = "";
. Document.getElementById ( "box") style.backgroundColor = "";
. Document.getElementById ( "box") style.color = "";
document.getElementById ( "punto") style.fontSize = ".";
. Document.getElementById ( "punto") style.color = "";
. Document.getElementById ( "punto") style.width = "";
. Document.getElementById ( "myButton") innerHTML = "Opere";
}
</ Script>
</ Head>
<Body id = stile "contenitore" = "background-color: # F5BFBF">
<H1 id = "titolo" style = "color: # 00F; background: # c1c1c1"> Moby Dick </ h1>
<Div id = "testo" style = "color: red; background-color: black; padding: 10px; border: 2px solid # F00;" >
<P id = "paragrafo" style = "font-size: 28px; width: 400px; color: green">
Non chiamarmi Al. La mia memoria e la mia borsa si sono ridotti nel corso degli anni, come non ho mai adattati alla vita sulla terra. </ P>
</ Div>
<Button id = tipo "myButton" = "button" onClick = "javascript: changeStyle ()"> Clicca qui per cancellare certi attributi di stile </ button>
</ Body>
</ Html>
3 Fare clic sul menu File. Selezionare l'opzione "Salva". Salvare sotto il nome del file "test.html."
4 Avviare il browser Web. Fare clic sulla voce di menu "File" e selezionare "Apri file".
5 Individuare il file "test.html" appena creato, selezionarlo con il mouse, quindi cliccare su "Apri".
6 Fare clic sul pulsante "clicca qui per cancellare alcuni attributi di stile." I colori e font-dimensioni dovrebbero default le impostazioni del foglio di stile nella sezione <head> del codice HTML.