W3.JS HTML'ye Sınıf Ekleme
Bir sınıf ekleyin:
w3.addClass(selector,'class')
Birden çok sınıf ekleyin:
w3.addClass(selector,'class1 class2 class3...')
Kimliğe Göre Sınıf Ekle
id="London" olan bir öğeye "işaretli" sınıfı ekleyin:
Örnek
<button onclick="w3.addClass('#London','marked')">Add Class</button>
Etikete Göre Sınıf Ekle
Tüm <h2> öğelerine "işaretli" sınıfı ekleyin:
Örnek
<button onclick="w3.addClass('h2','marked')">Add Class</button>
Sınıfa Göre Sınıf Ekle
"İşaretli" sınıfı, class="city" olan bir öğeye ekleyin:
Örnek
<button onclick="w3.addClass('.city','marked')">Add Class</button>
Birden Çok Sınıf Ekle
Bir öğeye birden çok sınıf eklemek için her sınıfı bir boşlukla ayırın.
id="London" olan bir öğeye hem "class1" hem de "class2" ekleyin:
Örnek
<button onclick="w3.addClass('#London','class1 class2')">Add
Classes</button>
HTML öğelerinden sınıfları kaldırın
Bir sınıfı kaldırın:
w3.removeClass(selector,'class')
Birden çok sınıfı kaldırın:
w3.removeClass(selector,'class1 class2 class3...')
Kimliğe Göre Sınıfı Kaldır
id="London" olan bir öğeden "işaretli" sınıfı kaldırın:
Örnek
<button onclick="w3.removeClass('#London','marked')">Remove Class</button>
Sınıfı Etikete Göre Kaldır
Tüm <h2> öğelerinden "işaretli" sınıfı kaldırın:
Örnek
<button onclick="w3.removeClass('h2','marked')">Remove Class</button>
Sınıfa Göre Sınıfı Kaldır
"İşaretli" sınıfı, class="city" ile tüm öğelerden kaldırın:
Örnek
<button onclick="w3.removeClass('.city','marked')">Remove Class</button>
Birden Çok Sınıfı Kaldır
Bir öğeden birden çok sınıfı kaldırmak için her sınıfı bir boşlukla ayırın.
id="London" olan bir öğeden hem "class1" hem de "class2" öğelerini kaldırın:
Örnek
<button onclick="w3.removeClass('#London','class1 class2')">Remove
Classes</button>
HTML öğelerinin Sınıfını değiştir
Bir sınıfı aç/kapat (açık/kapalı):
w3.toggleClass(selector,'class')
İki sınıf arasında geçiş yapın:
w3.toggleClass(selector,'property','class','class')
Kimliğe göre Sınıfı Değiştir
id="London" olan bir öğenin "işaretli" sınıfı arasında geçiş yapın:
Örnek
<button onclick="w3.toggleClass('#London','marked')">Toggle</button>
Sınıfı Etikete Göre Değiştir
Tüm <h2> öğelerinin "işaretli" sınıfı arasında geçiş yapın:
Örnek
<button onclick="w3.toggleClass('h2','marked')">Toggle</button>
Sınıfı Sınıfa Göre Değiştir
class="city" ile tüm öğelerin "işaretli" sınıfı arasında geçiş yapın:
Örnek
<button onclick="w3.toggleClass('.city','marked')">Toggle</button>
Birden Çok Sınıfı Aç/Kapat
id="Londra: "class1" ve "class2" sınıf adları arasında geçiş yapın:
Örnek
<button onclick="w3.toggleClass('#London','class1','class2')">Toggle</button>