Come Traccia di un DIV nascosti utilizzando JavaScript

March 5

Javascript è un linguaggio di scripting che consente agli sviluppatori web di creare esperienze utente interattive. Il linguaggio offre agli sviluppatori la facoltà di accedere, manipolare e modificare gli elementi in una pagina HTML al volo. Un utilizzo comune di Javascript è l'occultamento e la proiezione di elementi della pagina. Ad esempio, uno sviluppatore web può utilizzare la funzione di Javascript document.getElementById () per accedere a un elemento DIV, quindi modificare le proprietà di stile del div a nasconderlo sia da parte dell'utente o mostrare all'utente.

istruzione

1 Individuare il DIV nascosti e assegnare un identificatore con l'aggiunta di un attributo ID per il codice HTML del DIV. Il vostro codice potrebbe essere simile a questo: <div id = "myDivId"> </ div>

2 Successivamente, aggiungere <script type = "text / javascript"> </ script> tag tra i tag <head> </ head> tag della pagina HTML. Potrai inserire il codice JavaScript tra questi tag.

3 Per accedere l'elemento DIV, utilizzare la funzione di chiamata document.getElementById ( "myDivId"), sostituendo "myDivId" con l'ID utente assegnato al DIV. Assicurati di includere le virgolette intorno alla ID.

4 Per nascondere la DIV, utilizzare il seguente codice: document.getElementById ( "myDivId") style.display = 'none'.

5 Per visualizzare il DIV, utilizzare il seguente codice:

document.getElementById ( "myDivId"). style.display = 'block'