W3.JS Dodaj klasy do HTML

❮ Poprzedni Następny ❯

Dodaj zajęcia:

w3.addClass(selector,'class')

Dodaj wiele klas:

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

Dodaj klasę według identyfikatora

Dodaj klasę "oznaczone" do elementu z id="London":

Przykład

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

Dodaj klasę według tagu

Dodaj "oznaczoną" klasę do wszystkich elementów <h2>:

Przykład

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

Dodaj klasę według klasy

Dodaj "oznaczoną" klasę do elementów z class="city":

Przykład

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

Dodaj wiele klas

Aby dodać wiele klas do elementu, oddziel każdą klasę spacją.

Dodaj zarówno "class1", jak i "class2" do elementu z id="London":

Przykład

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

Usuń klasy z elementów HTML

Usuń zajęcia:

w3.removeClass(selector,'class')

Usuń wiele zajęć:

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

Usuń klasę według identyfikatora

Usuń „oznaczoną” klasę z elementu z id="London":

Przykład

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

Usuń klasę według tagu

Usuń "zaznaczoną" klasę ze wszystkich elementów <h2>:

Przykład

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

Usuń klasę według klasy

Usuń „oznaczoną” klasę ze wszystkich elementów z class="city":

Przykład

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

Usuń wiele klas

Aby usunąć wiele klas z elementu, oddziel każdą klasę spacją.

Usuń zarówno "class1", jak i "class2" z elementu o id="London":

Przykład

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

Przełącz klasę elementów HTML

Przełącz klasę (wł./wył.):

w3.toggleClass(selector,'class')

Przełączaj się między dwiema klasami:

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

Przełącz klasę według identyfikatora

Przełączaj się między "oznaczoną" klasą elementu z id="London":

Przykład

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

Przełącz klasę według tagu

Przełączaj się między "oznaczoną" klasą wszystkich elementów <h2>:

Przykład

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

Przełącz klasę według klasy

Przełączaj się między "oznaczoną" klasą wszystkich elementów z class="city":

Przykład

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

Przełącz wiele klas

Przełącz między nazwą klasy „class1” i „class2” z id="Londyn:

Przykład

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

❮ Poprzedni Następny ❯