W3.JS Voeg klasse by HTML

❮ Vorige Volgende ❯

Voeg 'n klas by:

w3.addClass(selector,'class')

Voeg verskeie klasse by:

w3.addClass(selector,'class1 class2 class3...')

Voeg klas by volgens ID

Voeg die "gemerkte" klas by 'n element met id="London":

Voorbeeld

<button onclick="w3.addClass('#London','marked')">Add Class</button>

Voeg klas by etiket by

Voeg die "gemerkte" klas by alle <h2>-elemente:

Voorbeeld

<button onclick="w3.addClass('h2','marked')">Add Class</button>

Voeg klas vir klas by

Voeg die "gemerkte" klas by 'n element met class="city":

Voorbeeld

<button onclick="w3.addClass('.city','marked')">Add Class</button>

Voeg verskeie klasse by

Om veelvuldige klasse by 'n element te voeg, skei elke klas met 'n spasie.

Voeg beide "klas1" en "klas2" by 'n element met id="London":

Voorbeeld

<button onclick="w3.addClass('#London','class1 class2')">Add Classes</button>

Verwyder klasse van HTML-elemente

Verwyder 'n klas:

w3.removeClass(selector,'class')

Verwyder verskeie klasse:

w3.removeClass(selector,'class1 class2 class3...')

Verwyder klas volgens ID

Verwyder die "gemerkte" klas van 'n element met id="London":

Voorbeeld

<button onclick="w3.removeClass('#London','marked')">Remove Class</button>

Verwyder klas volgens merker

Verwyder die "gemerkte" klas van alle <h2>-elemente:

Voorbeeld

<button onclick="w3.removeClass('h2','marked')">Remove Class</button>

Verwyder klas vir klas

Verwyder die "gemerkte" klas van alle elemente met class="city":

Voorbeeld

<button onclick="w3.removeClass('.city','marked')">Remove Class</button>

Verwyder veelvuldige klasse

Om veelvuldige klasse van 'n element te verwyder, skei elke klas met 'n spasie.

Verwyder beide "klas1" en "klas2" van 'n element met id="London":

Voorbeeld

<button onclick="w3.removeClass('#London','class1 class2')">Remove Classes</button>

Wissel die Klas HTML-elemente

Wissel 'n klas (aan/af):

w3.toggleClass(selector,'class')

Wissel tussen twee klasse:

w3.toggleClass(selector,'property','class','class')

Wissel klas volgens ID

Wissel tussen die "gemerkte" klas van 'n element met id="London":

Voorbeeld

<button onclick="w3.toggleClass('#London','marked')">Toggle</button>

Wissel klas volgens merker

Wissel tussen die "gemerkte" klas van alle <h2>-elemente:

Voorbeeld

<button onclick="w3.toggleClass('h2','marked')">Toggle</button>

Wissel klas vir klas

Wissel tussen die "gemerkte" klas van alle elemente met class="city":

Voorbeeld

<button onclick="w3.toggleClass('.city','marked')">Toggle</button>

Wissel verskeie klasse

Wissel tussen die klasnaam "klas1" en "klas2" van id="London:

Voorbeeld

<button onclick="w3.toggleClass('#London','class1','class2')">Toggle</button>

❮ Vorige Volgende ❯