Programmā JavaScript mēs varam paslēpt elementus, izmantojot stils.displejs vai izmantojot stils.redzamība . The redzamība rekvizīts JavaScript tiek izmantots arī elementa paslēpšanai. Atšķirība starp stils.displejs un stils.redzamība ir lietošanas laikā redzamība: slēpta, tags nav redzams, bet vieta ir atvēlēta. Izmantojot displejs: nav, tags arī nav redzams, bet lapā nav atvēlēta vieta.

HTML valodā mēs varam izmantot paslēptas atribūts, lai paslēptu norādīto elementu. Kad paslēptas atribūts HTML iestata uz true, elements ir paslēpts vai ja vērtība ir viltus, elements ir redzams.

attēls kā fons css

Sintakse

Vispārīgā sintakse elementa slēpšanai, izmantojot stils.slēpts un stils.redzamība ir sniegts šādi.

Izmantojot stils.slēpts

 document.getElementById('element').style.display = 'none'; 

Izmantojot stils.redzamība

 document.getElementById('element').style.visibility = 'none'; 

Tagad apskatīsim dažus piemērus, lai izprastu elementu slēpšanu javascript .

matemātikas klase java

Piemērs1

Šajā piemērā mēs redzēsim, kā noņemt elementus, izmantojot JavaScript stils.displejs īpašums. Šeit ir a div elements un rindkopas elements, kas tiek paslēpts, noklikšķinot uz dotā HTML poga . Mums ir jānoklikšķina uz 'Noklikšķiniet uz mani!' pogu, lai redzētu efektu.

 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;; } 

Izvade

Izvadā mēs varam redzēt, ka div elements (uz kuru mēs esam piemērojuši stils.redzamība īpašums) slēpjas, bet joprojām piešķir vietu. Bet virsraksts (uz kuru mēs esam pieteikušies stils.displejs īpašums) slēpjas un nepiešķir vietu.

Pēc pogas noklikšķināšanas rezultāts būs -