У ЈаваСцрипт-у можемо сакрити елементе помоћу стил.приказ или коришћењем стил.видљивост . Тхе видљивост својство у ЈаваСцрипт-у се такође користи за сакривање елемента. Разлика између стил.приказ и стил.видљивост је када се користи видљивост: скривено, ознака није видљива, али је простор додељен. Користећи приказ: нема, ознака такође није видљива, али на страници није додељен простор.

У ХТМЛ-у можемо користити сакривен атрибут за скривање наведеног елемента. Када сакривен атрибут у ХТМЛ-у поставља на тачно, елемент је скривен или када је вредност лажно, елемент је видљив.

римски бројеви 1-100

Синтакса

Општа синтакса за сакривање елемента помоћу стил.скривен и стил.видљивост даје се на следећи начин.

Користећи стил.скривен

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

Користећи стил.видљивост

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

Сада, да видимо неке примере да бисмо разумели скривање елемената јавасцрипт .

коришћење интернета

Пример1

У овом примеру ћемо видети како уклонити елементе помоћу ЈаваСцрипт-а стил.приказ имовина. Ево, постоји а див елемент и елемент пасуса који се сакрива кликом на дати ХТМЛ дугме . Морамо кликнути на 'Кликни ме!' дугме да видите ефекат.

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

Излаз

У излазу можемо видети да је див елемент (на који смо применили стил.видљивост власништво) крије, али и даље додељује простор. Али наслов (на који смо се пријавили стил.приказ власништво) се крије и не додељује никакав простор.

Након што кликнете на дугме, резултат ће бити -