У ЈаваСцрипт-у можемо сакрити елементе помоћу стил.приказ или коришћењем стил.видљивост . Тхе видљивост својство у ЈаваСцрипт-у се такође користи за сакривање елемента. Разлика између стил.приказ и стил.видљивост је када се користи видљивост: скривено, ознака није видљива, али је простор додељен. Користећи приказ: нема, ознака такође није видљива, али на страници није додељен простор.
У ХТМЛ-у можемо користити сакривен атрибут за скривање наведеног елемента. Када сакривен атрибут у ХТМЛ-у поставља на тачно, елемент је скривен или када је вредност лажно, елемент је видљив.
римски бројеви 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('div').style.visibility = 'hidden'; document.getElementById('heading').style.display = 'none'; } Тестирајте одмах Излаз
У излазу можемо видети да је див елемент (на који смо применили стил.видљивост власништво) крије, али и даље додељује простор. Али наслов (на који смо се пријавили стил.приказ власништво) се крије и не додељује никакав простор.
Након што кликнете на дугме, резултат ће бити -
