W3.JS HTML में कक्षाएं जोड़ें
एक वर्ग जोड़ें:
w3.addClass(selector,'class')
कई वर्ग जोड़ें:
w3.addClass(selector,'class1 class2 class3...')
Id . द्वारा कक्षा जोड़ें
आईडी = "लंदन" वाले तत्व में "चिह्नित" वर्ग जोड़ें:
उदाहरण
<button onclick="w3.addClass('#London','marked')">Add Class</button>
टैग द्वारा कक्षा जोड़ें
सभी <h2> तत्वों में "चिह्नित" वर्ग जोड़ें:
उदाहरण
<button onclick="w3.addClass('h2','marked')">Add Class</button>
कक्षा द्वारा कक्षा जोड़ें
वर्ग = "शहर" वाले तत्वों में "चिह्नित" वर्ग जोड़ें:
उदाहरण
<button onclick="w3.addClass('.city','marked')">Add Class</button>
एकाधिक कक्षाएं जोड़ें
एक तत्व में कई वर्ग जोड़ने के लिए, प्रत्येक वर्ग को एक स्थान से अलग करें।
आईडी = "लंदन" वाले तत्व में "कक्षा 1" और "कक्षा 2" दोनों जोड़ें:
उदाहरण
<button onclick="w3.addClass('#London','class1 class2')">Add
Classes</button>
HTML तत्वों से कक्षाएं हटाएं
एक वर्ग निकालें:
w3.removeClass(selector,'class')
कई वर्ग निकालें:
w3.removeClass(selector,'class1 class2 class3...')
Id . द्वारा कक्षा निकालें
आईडी = "लंदन" वाले तत्व से "चिह्नित" वर्ग निकालें:
उदाहरण
<button onclick="w3.removeClass('#London','marked')">Remove Class</button>
टैग द्वारा कक्षा निकालें
सभी <h2> तत्वों से "चिह्नित" वर्ग निकालें:
उदाहरण
<button onclick="w3.removeClass('h2','marked')">Remove Class</button>
कक्षा द्वारा कक्षा निकालें
वर्ग = "शहर" वाले सभी तत्वों से "चिह्नित" वर्ग निकालें:
उदाहरण
<button onclick="w3.removeClass('.city','marked')">Remove Class</button>
एकाधिक वर्ग निकालें
एक तत्व से कई वर्गों को हटाने के लिए, प्रत्येक वर्ग को एक स्थान से अलग करें।
आईडी = "लंदन" वाले तत्व से "कक्षा 1" और "कक्षा 2" दोनों को हटा दें:
उदाहरण
<button onclick="w3.removeClass('#London','class1 class2')">Remove
Classes</button>
HTML तत्वों की कक्षा को टॉगल करें
कक्षा टॉगल करें (चालू/बंद):
w3.toggleClass(selector,'class')
दो वर्गों के बीच टॉगल करें:
w3.toggleClass(selector,'property','class','class')
Id . द्वारा कक्षा टॉगल करें
आईडी = "लंदन" वाले तत्व के "चिह्नित" वर्ग के बीच टॉगल करें:
उदाहरण
<button onclick="w3.toggleClass('#London','marked')">Toggle</button>
टैग द्वारा कक्षा टॉगल करें
सभी <h2> तत्वों के "चिह्नित" वर्ग के बीच टॉगल करें:
उदाहरण
<button onclick="w3.toggleClass('h2','marked')">Toggle</button>
कक्षा के अनुसार टॉगल करें
वर्ग = "शहर" वाले सभी तत्वों के "चिह्नित" वर्ग के बीच टॉगल करें:
उदाहरण
<button onclick="w3.toggleClass('.city','marked')">Toggle</button>
एकाधिक कक्षाओं को टॉगल करें
id="लंदन" के वर्ग नाम "class1" और "class2" के बीच टॉगल करें:
उदाहरण
<button onclick="w3.toggleClass('#London','class1','class2')">Toggle</button>