V JavaScripte môžeme skryť prvky pomocou štýl.displej alebo pomocou štýl.viditeľnosť . The viditeľnosť vlastnosť v JavaScripte sa používa aj na skrytie prvku. Rozdiel medzi štýl.displej a štýl.viditeľnosť je pri používaní viditeľnosť: skryté, tag nie je viditeľný, ale je pridelený priestor. Použitím displej: žiadny, značka tiež nie je viditeľná, ale na stránke nie je vyhradený priestor.
java mapa
V HTML môžeme použiť skryté atribút na skrytie zadaného prvku. Keď skryté atribút v HTML sa nastaví na true, prvok je skrytý alebo keď je hodnota nastavená falošné, prvok je viditeľný.
Syntax
Všeobecná syntax na skrytie prvku pomocou štýl.skrytý a štýl.viditeľnosť sa uvádza nasledovne.
Použitím štýl.skrytý
document.getElementById('element').style.display = 'none';
Použitím štýl.viditeľnosť
rovná sa metóda java
document.getElementById('element').style.visibility = 'none';
Teraz sa pozrime na niekoľko príkladov, aby sme pochopili skrytie prvkov javascript .
Príklad 1
V tomto príklade uvidíme, ako odstrániť prvky pomocou JavaScriptu štýl.displej nehnuteľnosť. Tu je a div prvok a prvok odseku, ktorý sa po kliknutí na daný prvok skryje tlačidlo HTML . Musíme kliknúť na 'Klikni na mňa!' tlačidlo, aby ste videli efekt.
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'; } Vyskúšajte to Výkon
Vo výstupe môžeme vidieť, že div prvok (na ktorý sme aplikovali štýl.viditeľnosť majetok) sa skrýva, ale stále prideľuje priestor. Ale nadpis (na ktorý sme použili štýl.displej majetok) sa skrýva a neprideľuje žiadne miesto.
premenovať v linuxovom adresári
Po kliknutí na tlačidlo bude výsledok -
