April 12
JavaScript fornisce allo sviluppatore sito web con mezzi per visualizzare e modificare gli elementi strutturali di una pagina Web. JavaScript ha funzioni built-in che possono accedere al codice HTML (Hypertext Markup Language) Document Object Model, o DOM, ed espongono gli attributi di stile di uno specifico metodo di HTML tag.The JavaScript - getElementById () - in grado di scrutare un tag HTML che è stato etichettato con un ID e rivelare attributi, come il suo contesto, carattere, bordi, larghezza, margini e posizionamento.
1 Avviare il, testo semplice editor di testo standard che è disponibile sul computer.
2 Inserire il codice seguente nel editor di testo.
<Html>
<Head>
<Script language = "javascript">
Informarsi funzione () {
var infomytag1 = document.getElementById ( "mytag1");
var infomytag2 = document.getElementById ( "mytag2");
document.write ( "<h2> tag attributi per la prima div </ h2>");
document.write ( "Colore carattere è:" + infomytag1.style.color);
document.write ( "");
document.write ( "width paragrafo è:" + infomytag1.style.width);
document.write ( "");
document.write ( "Dimensione dei caratteri è:" + infomytag1.style.fontSize);
document.write ( "");
document.write ( "Il colore di sfondo è:" + infomytag1.style.backgroundColor);
document.write ( "");
document.write ( "margin-bottom è:" + infomytag1.style.marginBottom);
document.write ( "<h2> tag attributi per il secondo div </ h2>");
document.write ( "Colore carattere è:" + infomytag2.style.color);
document.write ( "");
document.write ( "famiglia di font è:" + infomytag2.style.fontFamily);
document.write ( "");
document.write ( "Dimensione dei caratteri è:" + infomytag2.style.fontSize);
document.write ( "");
document.write ( "peso font è:" + infomytag2.style.fontWeight);
document.write ( "");
document.write ( "margin-bottom è:" + infomytag2.style.marginBottom);
}
</ Script>
</ Head>
<Body>
<Div id = stile "mytag1" = "color: red; width: 10em; background-color: yellow; font-size: 16px; margin-bottom: 2em"> Ecco mytag1 </ div>
<Div id = stile "mytag2" = "color: blue; font-family: arial; font-size: 8px; font-weight: bold; margin-bottom: 30px"> Un altro Div etichetta "mytag2" </ div>
<INPUT TYPE = "button" onclick = "Informarsi ()" value = "Clicca qui per visualizzare gli attributi tag">
</ 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 che è disponibile sul computer. Fare clic sulla voce di menu "File" e selezionare "Apri file".
5 Individuare il file "test.html" appena creato, selezionarlo con il mouse e cliccare su "Apri".
6 Fare clic sul pulsante con il mouse per visualizzare gli attributi tag "div".