„JavaScript“ galime paslėpti elementus naudodami stilius.parodymas arba naudojant stilius.matomumas . The matomumas „JavaScript“ savybė taip pat naudojama elementui paslėpti. Skirtumas tarp stilius.parodymas ir stilius.matomumas yra naudojant matomumas: paslėptas, žyma nesimato, bet vieta skirta. Naudojant ekranas: nėra, žymos taip pat nesimato, bet puslapyje nėra skirtos vietos.
medžio ir grafų teorija
HTML galime naudoti paslėptas atributas paslėpti nurodytą elementą. Kai paslėptas atributas HTML nustato į true, elementas yra paslėptas arba kai reikšmė yra klaidinga, elementas matomas.
Sintaksė
Bendroji sintaksė, skirta elementui paslėpti stilius.paslėptas ir stilius.matomumas pateikiama taip.
Naudojant stilius.paslėptas
document.getElementById('element').style.display = 'none';
Naudojant stilius.matomumas
document.getElementById('element').style.visibility = 'none';
Dabar pažiūrėkime keletą pavyzdžių, kaip suprasti elementų slėpimą javascript .
1 pavyzdys
Šiame pavyzdyje pamatysime, kaip pašalinti elementus naudojant JavaScript stilius.parodymas nuosavybė. Čia yra a div elementas ir pastraipos elementas, kuris pasislepia spustelėjus pateiktą HTML mygtukas . Turime spustelėti 'Paspausk mane!' mygtuką, kad pamatytumėte 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'; } Išbandykite dabar Išvestis
Išvestyje matome, kad div elementas (kurį taikėme stilius.matomumas nuosavybė) slepiasi, bet vis dar skiria erdvę. Tačiau antraštė (kurią taikėme stilius.parodymas nuosavybė) slepiasi ir neskiria vietos.
Paspaudus mygtuką, rezultatas bus -
