W3.JS yashirish/ko‘rsatish


w3.hide(selector)

ULASHISH

Elementlarni element id’si orqali yashirish

Belgilangan id’ga ega elementni yashirish uchun id nomi oldidan panjara (#) belgisini qo‘ying.

id="London" bo‘lgan elementni yashirish:

Misol

<button onclick="w3.hide('#London')">Hide</button>

O‘zingiz sinab ko‘ring » CSS bilan »


Elementlarni teg nomi orqali yashirish

Belgilangan teg nomiga ega barcha elementlarni yashirish uchun selektor sifatida teg nomidan (< va > belgilarisiz) foydalaning.

Barcha <h2> elementlarini yashirish:

Misol

<button onclick="w3.hide('h2')">Hide</button>

O‘zingiz sinab ko‘ring » CSS bilan »


Elementlarni klass nomi orqali yashirish

Belgilangan klass nomiga ega barcha elementlarni yashirish uchun klass nomi oldidan nuqta (.) qo‘ying.

class="city" bo‘lgan elementlarni yashirish:

Misol

<button onclick="w3.hide('.city')">Hide</button>

O‘zingiz sinab ko‘ring » CSS bilan »


Elementlarni element id’si orqali ko‘rsatish

Belgilangan id’ga ega elementni ko‘rsatish uchun id nomi oldidan panjara (#) belgisini qo‘ying.

id="London" bo‘lgan elementni ko‘rsatish:

Misol

<button onclick="w3.show('#London')">Show</button>

O‘zingiz sinab ko‘ring » CSS bilan »



Elementlarni teg nomi orqali ko‘rsatish

Belgilangan teg nomiga ega barcha elementlarni ko‘rsatish uchun selektor sifatida teg nomidan (< va > belgilarisiz) foydalaning.

Barcha <h2> elementlarini ko‘rsatish:

Misol

<button onclick="w3.show('h2')">Show</button>

O‘zingiz sinab ko‘ring » CSS bilan »


Elementlarni klass nomi orqali ko‘rsatish

Belgilangan klass nomiga ega barcha elementlarni ko‘rsatish uchun klass nomi oldidan nuqta (.) qo‘ying.

class="city" bo‘lgan elementlarni ko‘rsatish:

Misol

<button onclick="w3.show('.city')">Show</button>

O‘zingiz sinab ko‘ring » CSS bilan »

Yashirish/ko‘rsatishni almashlash

w3.toggleShow(selector)

Element id’si orqali yashirish va ko‘rsatishni almashlash

id="London" bo‘lgan elementni yashirish va ko‘rsatish o‘rtasida almashlash:

Misol

<button onclick="w3.toggleShow('#London')">Toggle Hide/Show</button>

O‘zingiz sinab ko‘ring » CSS bilan »


Teg nomi orqali yashirish va ko‘rsatishni almashlash

Barcha <h2> elementlarini yashirish va ko‘rsatish o‘rtasida almashlash:

Misol

<button onclick="w3.toggleShow('h2')">Toggle Hide/Show</button>

O‘zingiz sinab ko‘ring » CSS bilan »


Klass nomi orqali yashirish va ko‘rsatishni almashlash

class="city" bo‘lgan elementlarni yashirish va ko‘rsatish o‘rtasida almashlash:

Misol

<button onclick="w3.toggleShow('.city')">Toggle Hide/Show</button>

O‘zingiz sinab ko‘ring » CSS bilan »


W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!