Un div è un oggetto all'interno del Document Object Model ( DOM) della pagina visualizzata nella finestra del browser web . Ha una stringa di identificazione univoco ( id ) . Si tratta di un contenitore di blocco per altri oggetti e può essere nascosto o visibile . Può anche essere spostato in posizione selezionata all'interno dell'area di visualizzazione del browser . L'oggetto div ha una serie di selettori associati con la relativa stringa id e le proprietà di questi selettori possono essere modificati utilizzando il codice java -script . Cose che ti serviranno
editor di testo.
Browser.
Mostra più istruzioni
1
aprire un nuovo documento nell'editor di testo . Salvare il file come " use_id.html . "
2
Scrivi documento codice intestazione
< DOCTYPE HTML PUBLIC " - . ! //W3C //DTD XHTML 1.0 Strict //IT "
" http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd " >
< html xmlns = " http://www .w3.org/1999/xhtml ">
Utilizzare DIV con JavaScript < /title> <br> <p> < contenuto meta = "text /html ; charset = utf- 8" . http - equiv = " Content-Type" /> <br> 3 <p> scrittura di codice di stile documento <br> <p> < style type = "text /css " > <br> <p> # myDiv <br> <p> { <br> posizione <p> : absolute ; <p> <br> z -index : 0 ; <br> < p> visibility: visible ; <br> <p> top : 10em ; <br> <p> sinistra : 10em ; <br> larghezza <p> : 10em ; <br> altezza <p> : 5em ; <br> < p> border : 2px solid # ccc ; <br> <p> -moz - border-radius : 0.5em ; <br> <p> - webkit - border-radius : 0.5em ; <br> <p> text-align : center; } <br> <p> <br> <p> # msg <br> <p> {
<div class=ad2><script language='javascript' src='/ad/201310/4.js'></script></div>
</div>
</td>
</tr>
</table>
<table width="95%" height="1" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#DEE7EE">
<tr>
<td></td>
</tr>
</table>
<table width="100%" height="7" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table width="91%" height="52" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="51%"><p>Previous ： <a class='LinkPrevArticle' href='/Programmazione/javascript-programming/90983.html' >Come nascondere tutti i div Aperte in JavaScript </a></li></p></td>
</tr>
<tr>
<td width="49%"> next ： <a class='LinkNextArticle' href='/Programmazione/javascript-programming/90985.html' >Come ruotare Links in Javascript </a></li></td>
</tr>
</table></td>
</tr>
</table>
<table width="100%" height="7" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table width="770" height="246" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="375" height="246" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian">
<tr>
<td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE">
<tr>
<td width="4%" height="29"> </td>
<td width="96%" class="lan_lm"> Articoli Correlati </td> </tr>
</table>
<table width="95%" height="209" border="0" align="center" cellpadding="0" cellspacing="4">
<tr>
<td height="201"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90922.html" title="Come trasformare un javascript esterno Into interno " target="_self">Come trasformare un javascript esterno Into interno </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91151.html" title="Come usare JavaScript con Excel " target="_self">Come usare JavaScript con Excel </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91002.html" title="Come nascondere Javascript Casella " target="_self">Come nascondere Javascript Casella </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91223.html" title="Come Modifica dimensione carattere in Java Script " target="_self">Come Modifica dimensione carattere in Java Script </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90935.html" title="Come modificare un PHP ad un JS " target="_self">Come modificare un PHP ad un JS </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91057.html" title="Come calcolare lunghezza array in Javascript " target="_self">Come calcolare lunghezza array in Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90934.html" title="Come rimuovere iFrame Barre di scorrimento in JavaScript " target="_self">Come rimuovere iFrame Barre di scorrimento in JavaScrip…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91046.html" title="Come usare le espressioni regolari con Javascript " target="_self">Come usare le espressioni regolari con Javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/91122.html" title="Come verificare se il browser ha la messa a fuoco in JavaScript " target="_self">Come verificare se il browser ha la messa a fuoco in Ja…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90781.html" title="Una nuova finestra è bloccata in JavaScript " target="_self">Una nuova finestra è bloccata in JavaScript </a></td></tr><tr></tr></table></td>
</tr>
</table></td>
</tr>
</table></td>
<td width="20" valign="top"></td>
<td width="375" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian">
<tr>
<td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE">
<tr>
<td width="4%" height="29"> </td>
<td width="96%" class="lan_lm">Articoli in evidenza </td> </tr>
</table>
<table width="95%" height="207" border="0" align="center" cellpadding="0" cellspacing="4">
<tr>
<td height="199"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/86820.html" title="Come scrivere una DLL in Autoit " target="_self">Come scrivere una DLL in Autoit </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/java-programming/90631.html" title="Free Java Tutorials " target="_self">Free Java Tutorials </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/java-programming/89071.html" title="Come costruire un App Circa un Applet Java " target="_self">Come costruire un App Circa un Applet Java </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/cc-programming/85930.html" title="Come fare videogiochi con C + + " target="_self">Come fare videogiochi con C + + </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/javascript-programming/90960.html" title="Le Proprietà del iFrame in Java " target="_self">Le Proprietà del iFrame in Java </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/visual-basics-programming/95289.html" title="Cose divertenti da fare con Visual Basic " target="_self">Cose divertenti da fare con Visual Basic </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/php-mysql-programming/91632.html" title="Come estendere più modelli in Smarty " target="_self">Come estendere più modelli in Smarty </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/php-mysql-programming/91402.html" title="Come leggere Stampa Eval in PHP " target="_self">Come leggere Stampa Eval in PHP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/python-programming/94150.html" title="Come compilare il codice Python " target="_self">Come compilare il codice Python </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programmazione/computer-programming-languages/88857.html" title="Come personalizzare il correttore grammaticale utilizzo di Office XP " target="_self">Come personalizzare il correttore grammaticale utilizzo…</a></td></tr><tr></tr></table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<table width="980" height="8" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=980 bgColor=#36506e height=90>
<tr>
<td class=bs height=90 align=middle>Copyright © Conoscenza Informatica http://it.wingwit.com
<script language='javascript' src='/ad/201310/1.js'></script></td>
</tr>
</table>
</div>
</body>
</html> 