W3.JS klass qo‘shish
Klass qo‘shish:
w3.addClass(selector,'class')
Bir nechta klass qo‘shish:
w3.addClass(selector,'class1 class2 class3...')
Id bo‘yicha klass qo‘shish
id="London" bo‘lgan elementga "marked" klassini qo‘shish:
Misol
<button onclick="w3.addClass('#London','marked')">Add Class</button>
Teg bo‘yicha klass qo‘shish
Barcha <h2> elementlariga "marked" klassini qo‘shish:
Misol
<button onclick="w3.addClass('h2','marked')">Add Class</button>
Klass bo‘yicha klass qo‘shish
class="city" bo‘lgan elementlarga "marked" klassini qo‘shish:
Misol
<button onclick="w3.addClass('.city','marked')">Add Class</button>
Bir nechta klass qo‘shish
Elementga bir nechta klass qo‘shish uchun har bir klassni bo‘sh joy bilan ajrating.
id="London" bo‘lgan elementga "class1" va "class2" klasslarining ikkalasini qo‘shish:
Misol
<button onclick="w3.addClass('#London','class1 class2')">Add Classes</button>
HTML elementlardan klasslarni olib tashlash
Klassni olib tashlash:
w3.removeClass(selector,'class')
Bir nechta klassni olib tashlash:
w3.removeClass(selector,'class1 class2 class3...')
Id bo‘yicha klassni olib tashlash
id="London" bo‘lgan elementdan "marked" klassini olib tashlash:
Misol
<button onclick="w3.removeClass('#London','marked')">Remove Class</button>
Teg bo‘yicha klassni olib tashlash
Barcha <h2> elementlaridan "marked" klassini olib tashlash:
Misol
<button onclick="w3.removeClass('h2','marked')">Remove Class</button>
Klass bo‘yicha klassni olib tashlash
class="city" bo‘lgan barcha elementlardan "marked" klassini olib tashlash:
Misol
<button onclick="w3.removeClass('.city','marked')">Remove Class</button>
Bir nechta klassni olib tashlash
Elementdan bir nechta klassni olib tashlash uchun har bir klassni bo‘sh joy bilan ajrating.
id="London" bo‘lgan elementdan "class1" va "class2" klasslarining ikkalasini olib tashlash:
Misol
<button onclick="w3.removeClass('#London','class1 class2')">Remove Classes</button>
HTML elementlar klassini almashlash
Klassni almashlash (yoqish/o‘chirish):
w3.toggleClass(selector,'class')
Ikki klass o‘rtasida almashlash:
w3.toggleClass(selector,'property','class','class')
Id bo‘yicha klassni almashlash
id="London" bo‘lgan elementning "marked" klassini almashlash:
Misol
<button onclick="w3.toggleClass('#London','marked')">Toggle</button>
Teg bo‘yicha klassni almashlash
Barcha <h2> elementlarining "marked" klassini almashlash:
Misol
<button onclick="w3.toggleClass('h2','marked')">Toggle</button>
Klass bo‘yicha klassni almashlash
class="city" bo‘lgan barcha elementlarning "marked" klassini almashlash:
Misol
<button onclick="w3.toggleClass('.city','marked')">Toggle</button>
Bir nechta klassni almashlash
id="London" bo‘lgan elementning "class1" va "class2" klass nomlari o‘rtasida almashlash:
Misol
<button onclick="w3.toggleClass('#London','class1','class2')">Toggle</button>
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!