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('div').style.visibility = 'hidden'; document.getElementById('heading').style.display = 'none'; } Izmēģiniet to tūlīt 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 -
