V JavaScriptu lahko skrijemo elemente z uporabo slog.prikaz ali z uporabo stil.vidnost . The vidnost Lastnost v JavaScriptu se uporablja tudi za skrivanje elementa. Razlika med slog.zaslon in stil.vidnost je pri uporabi vidnost: skrita, oznaka ni vidna, vendar je dodeljen prostor. Uporaba zaslon: brez, oznaka tudi ni vidna, vendar na strani ni dodeljenega prostora.
V HTML lahko uporabimo skrit atribut za skrivanje navedenega elementa. Ko skrit atribut v HTML nastavljen na true, je element skrit ali ko je vrednost lažno, element je viden.
hashmap java
Sintaksa
Splošna sintaksa za skrivanje elementa z uporabo stil.skrit in stil.vidnost je podan kot sledi.
Uporaba stil.skrit
document.getElementById('element').style.display = 'none';
Uporaba stil.vidnost
document.getElementById('element').style.visibility = 'none';
Zdaj pa si oglejmo nekaj primerov za razumevanje skrivanja elementov v javascript .
java ups koncepti
Primer1
V tem primeru bomo videli, kako odstraniti elemente z uporabo JavaScripta slog.prikaz premoženje. Tukaj je a div element in element odstavka, ki se skrije, ko kliknete dano Gumb HTML . Klikniti moramo na 'Klikni me!' gumb, da vidite učinek.
style.display <h2> Using both style.visibility and style.display properties </h2> This is the div element. <p> This is a paragraph element. </p> <h3 id="heading"> This is the heading after the paragraph element. </h3> Click me! function fun() { document.getElementById('div').style.visibility = 'hidden'; document.getElementById('heading').style.display = 'none'; } Preizkusite zdaj Izhod
V rezultatu lahko vidimo, da je div element (na katerega smo nanesli stil.vidnost lastnina) se skriva, vendar še vedno dodeljuje prostor. Toda naslov (na katerega smo se prijavili slog.zaslon Lastnost) se skriva in ne dodeljuje nobenega prostora.
Po kliku na gumb bo rezultat -
