U JavaScriptu možemo sakriti elemente pomoću stil.prikaz ili korištenjem stil.vidljivost . The vidljivost Svojstvo u JavaScriptu također se koristi za skrivanje elementa. Razlika između stil.prikaz i stil.vidljivost je pri korištenju vidljivost: skriveno, oznaka nije vidljiva, ali je prostor dodijeljen. Korištenje prikaz: nijedan, oznaka također nije vidljiva, ali na stranici nema dodijeljenog prostora.
U HTML-u možemo koristiti skriven atribut za skrivanje navedenog elementa. Kada skriven atribut u HTML-u postavljen na true, element je skriven ili kada je vrijednost lažno, element je vidljiv.
lisica protiv vuka
Sintaksa
Opća sintaksa za skrivanje elementa pomoću stil.skriven i stil.vidljivost daje se kako slijedi.
Korištenje stil.skriven
document.getElementById('element').style.display = 'none';
Korištenje stil.vidljivost
document.getElementById('element').style.visibility = 'none';
Pogledajmo sada neke primjere za razumijevanje skrivanja elemenata javascript .
java vrijednost niza
Primjer1
U ovom primjeru ćemo vidjeti kako ukloniti elemente pomoću JavaScripta stil.prikaz vlasništvo. Evo, tu je div element i element odlomka koji se sakriva klikom na zadani HTML gumb . Moramo kliknuti na 'Klikni me!' gumb kako biste vidjeli učinak.
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'; } Testirajte sada Izlaz
U izlazu možemo vidjeti da je div element (na koji smo primijenili stil.vidljivost vlasništvo) se skriva, ali još uvijek dodjeljuje prostor. Ali naslov (na koji smo se prijavili stil.prikaz vlasništvo) se skriva i ne dodjeljuje nikakav prostor.
Nakon klika na gumb, rezultat će biti -
