Home Hardware Networking Programmazione Software Domanda Sistemi
Conoscenza Informatica >> Programmazione >> Programmazione Javascript >> .

Come usare DIV con JavaScript

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> { <ul class="mhjkhjlj"> <li> <a class='LinkPrevArticle' href='/Programmazione/Programmazione-Javascript/1181966.html' >Come nascondere tutti i div Aperte in JavaScript </a></li> <li> <a class='LinkNextArticle' href='/Programmazione/Programmazione-Javascript/1181970.html' >Come ruotare Links in Javascript </a></li> </ul> <div class="deep"> <div class="guanggadsadswqew"><script language='javascript' src='/AD/it3.js'></script></div> <div class="guanggadsadswqew1"></div> </div> <div class="xiangguanleitong"> <div class="vbfdghgjt65f"><h4>Informazioni correlate</h4></div> <ul> <li><a href="/Programmazione/C--C-----Programming/1171358.html" target="_blank">Quali sono i quattro diversi tipi di relazione di ereditarietà ? </a></li><li><a href="/Programmazione/Nozioni-di-base-di-Visual-Programming/1191636.html" target="_blank">Come per riprodurre i suoni in Microsoft Visual Basic </a></li><li><a href="/Programmazione/Java-Programming/1178268.html" target="_blank">Come calcolare il numero di confronti in Java </a></li><li><a href="/Programmazione/Nozioni-di-base-di-Visual-Programming/1190304.html" target="_blank">Come aprire file doc in Vb.Net </a></li><li><a href="/Programmazione/PHP--MySQL-Programmazione/1182976.html" target="_blank">Come funziona PHP Prendi il biscotto giusto ? </a></li><li><a href="/Programmazione/Java-Programming/1180590.html" target="_blank">Circa un JSP File Transfer </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1177472.html" target="_blank">Scopo di insegnare Flow Chart Analysis System </a></li><li><a href="/Programmazione/Computer-Programming-Languages/1174562.html" target="_blank">Come scrivere una variabile in un file di testo in SSIS </a></li> </ul> </div> </div> </div> <div class="woshiyouleirog"> <div class="zxtjianasd"> <div class="bidssdfjm3"><h4>Articoli consigliati</h4></div> <div class="dasdcdfurit33"> <ul> <li><a href="/Programmazione/Programmazione-Javascript/1182400.html" target="_blank">Come reindirizzare una pagina Web utilizzando Javascript </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182364.html" target="_blank">Come creare i colori della vernice </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181614.html" target="_blank">Come fare una palla Animazione Bouncing in HTML </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182164.html" target="_blank">Come recuperare i dati da un database utilizzando Java Script </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181952.html" target="_blank">Come rimuovere l'ultimo figlio di un jQuery Div. </a></li><li><a href="/Programmazione/Programmazione-Javascript/1182480.html" target="_blank">Java Script Risoluzione dei problemi </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181896.html" target="_blank">Come analizzare una stringa di query in JavaScript </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181602.html" target="_blank">Come aggiungere una sovrapposizione di immagini Con V3 Maps API </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181502.html" target="_blank">Le variabili in Adobe Vita Cicli </a></li><li><a href="/Programmazione/Programmazione-Javascript/1181782.html" target="_blank">Come fare la propria funzione in jQuery </a></li> </ul> </div> </div> <div class="guanggandgsa32a"> </div> <div class="huosirengs"> <li><a class='childclass' href='/Programmazione/C--C-----Programming/' target="_self">C /C + + Programming</a></li> <li><a class='childclass' href='/Programmazione/Computer-Programming-Languages/' target="_self">Computer Programming Languages</a></li> <li><a class='childclass' href='/Programmazione/Delphi-Programming/' target="_self">Delphi Programming</a></li> <li><a class='childclass' href='/Programmazione/Java-Programming/' target="_self">Java Programming</a></li> <li><a class='childclass' href='/Programmazione/Programmazione-Javascript/' target="_self">Programmazione Javascript</a></li> <li><a class='childclass' href='/Programmazione/PHP--MySQL-Programmazione/' target="_self">PHP /MySQL Programmazione</a></li> <li><a class='childclass' href='/Programmazione/Perl-Programming/' target="_self">Perl Programming</a></li> <li><a class='childclass' href='/Programmazione/Python-Programming/' target="_self">Python Programming</a></li> <li><a class='childclass' href='/Programmazione/rubino-Programmazione/' target="_self">rubino Programmazione</a></li> <li><a class='childclass' href='/Programmazione/Nozioni-di-base-di-Visual-Programming/' target="_self">Nozioni di base di Visual Programming</a></li> </div> </div> </div> <div class="dsadsafa-da"> <p class="sdqwfwe42">  </p> <p class="vbnhg654">Programmazione © www.354353.com</p> <p class="iop8iud"> </p> </div> </div> </body> </html>