„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(&apos;div&apos;).style.visibility = &apos;hidden&apos;; document.getElementById(&apos;heading&apos;).style.display = &apos;none&apos;; } 

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 -