Come visualizzare un tag in JavaScript

November 28

JavaScript fornisce agli sviluppatori di applicazioni Web gli strumenti per controllare e modificare il nascosto, struttura interna di una pagina Web. Questi metodi JavaScript accedere all'interfaccia di programmazione delle applicazioni di Hypertext Markup Language noto come il Document Object Model o DOM. I metodi JavaScript "getElementById ()" e "getElementsByTagName ()" consentono la visualizzazione degli attributi di stile di un tag HTML specifici, tra cui il suo sfondo, font, i confini, la larghezza e il posizionamento. Il tag HTML deve essere etichettato con un ID univoco in modo che il metodo di getElementById () può trovare e accedere.

istruzione

1 Avviare lo standard, testo semplice editor di che è disponibile sul computer, come ad esempio il blocco note.

2 Inserire il codice seguente nel editor di testo.

<Html>

<Head>

<Script language = "javascript">

Informarsi funzione () {

Informazioni var = document.getElementById ( "mytag");

document.write ( "<h1> tag attributi sotto </ h1>");

document.write ( "Colore carattere è:" + info.style.color);

document.write ( "");

document.write ( "width paragrafo è:" + info.style.width);

document.write ( "");

document.write ( "Dimensione dei caratteri è:" + info.style.fontSize);

document.write ( "");

document.write ( "Il colore di sfondo è:" + info.style.backgroundColor);

}

</ Script>

</ Head>

<Body>

<P id = stile "mytag" = "color: red; width: 10em; background-color: yellow; font-size: 16px">! Ecco il mio tag </ p>

<P id = stile "ATAG" = "color: blue"> Un altro paragrafo </ p>

<INPUT TYPE = "button" onclick = "Informarsi ()" value = "Clicca qui per visualizzare gli attributi tag">

</ Body>

</ Html>

3 Fare clic sul menu "File" e selezionare l'opzione "Salva". Salvare sotto il nome del file "test.html."

4 Avviare il browser Web che è disponibile sul computer. Fare clic sul menu "File" e selezionare "Apri file".

5 Individuare il file "test.html" appena creato, selezionarlo e quindi fare clic su "Apri".

6 Fare clic sul pulsante "Clicca qui per visualizzare gli attributi di tag" per eseguire la funzione JavaScript.

Consigli e avvertenze

  • Rendere il codice nelle pagine Web più ordinato nell'aspetto e più facile da mantenere memorizzando il codice JavaScript come un file esterno. È quindi possibile caricare il codice con un singolo tag HTML che si trova nella sezione <head> della pagina Web. Salvare il codice JavaScript in un nome di file termina con l'estensione ".js". Per caricare il codice, aggiungere le seguenti tag alla pagina Web nella sezione head: <script type = "text / javascript" src = "yourJavaScriptCode.js"> </ script>
  • I principali browser Web visualizzano valido codice HTML e CSS in modo diverso. Anche le diverse versioni dello stesso browser possono produrre problemi di visualizzazione imprevisti. Verificare sempre il codice su diversi browser e le versioni precedenti dello stesso browser per garantire le opere di codice come previsto.

Articoli Correlati