Come modificare Div Testo grassetto in JavaScript

May 19

Come modificare Div Testo grassetto in JavaScript


A volte è necessario alzare la voce per ottenere attenzione. Web designer possono sollevare di una pagina Web "volume", facendo parte del più audace testo. Il Cascading Style Sheet, o CSS, la proprietà spessore del carattere può rendere il testo più chiaro o più scuro del normale. JavaScript ha accesso al linguaggio Document Object Model Hypertext Markup, o DOM, e può cambiare il peso di testo senza ricaricare l'intera pagina. È possibile modificare lo spessore del carattere del testo all'interno di un tag div utilizzando "getElementById ()" per impostare la proprietà "Object.style.fontWeight" a "bold".

istruzione

1 Avviare l'editor Blocco note di testo semplice facendo clic sul pulsante "Start", cliccando su "Tutti i programmi", "Accessori" e poi cliccando su "Blocco note".

2 Inserire il codice seguente nel editor di testo.

<Html>

<Head>

<Script language = "javascript">

Funzione changeStyle () {

document.getElementById ( "myDiv") style.fontWeight = "bold".;

. Document.getElementById ( "myButton") innerHTML = "Il testo è ora BOLD!";

}

</ Script>

</ Head>

<Body>

<Div id = "myDiv"> Il testo qui è il peso normale </ div>

<Button id = tipo "myButton" = "button" onClick = "javascript: changeStyle ()"> rendere il testo <tasto /> grassetto

</ 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 facendo clic sul pulsante "Start", cliccando su "Tutti i programmi" e "Internet Explorer". 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 "Rendere il testo in grassetto". Il testo dovrebbe diventare in grassetto e il pulsante dovrebbe leggere: "Il testo è ora BOLD"

Consigli e avvertenze

  • proprietà innerHTML del DOM consente di modificare il testo della pagina Web senza ricaricare l'intera pagina. È possibile utilizzare questa funzione per modificare il testo in un div quando il mouse dell'utente passa sopra di esso. È possibile aggiungere il seguente codice "changeStyle ()" la funzione nell'esempio e modificare il testo div:
  • . Document.getElementById ( "myDiv") innerHTML = "Il peso carattere del testo in questo div è ora BOLD!";
  • Modificare il codice tasto per utilizzare la seguente funzione mouseover:
  • <Button id = tipo "myButton" = "button" onmouseover = "javascript: changeStyle ()"> Crea <button /> il testo in grassetto
  • Quando viene utilizzato con giudizio, caratteri in grassetto contribuire ad attrarre l'attenzione di importanti contenuti sulla tua pagina. Troppo grassetto su una pagina, tuttavia, può essere visto dal vostro spettatore come gridare o badgering. Limitare l'uso del grassetto. pezzi separati di grassetto da uno spazio bianco. Variando il colore del carattere o font-family può aiutare attirare l'attenzione dell'osservatore verso importanti informazioni come pure