W3.JS Versteek en wys


w3.hide(selector)

Versteek elemente met behulp van element-ID

Om 'n element met 'n gespesifiseerde id te versteek, gebruik 'n hash tag (#) voor die id naam.

Versteek 'n element met id="London":

Voorbeeld

<button onclick="w3.hide('#London')">Hide</button>


Versteek elemente met behulp van merkernaam

Om alle elemente met 'n gespesifiseerde merkernaam te versteek, gebruik die merkernaam (sonder < en >) as die kieser.

Versteek alle <h2>-elemente:

Voorbeeld

<button onclick="w3.hide('h2')">Hide</button>


Versteek elemente deur klasnaam te gebruik

Om alle elemente met 'n gespesifiseerde klasnaam te versteek, gebruik 'n punt (.) voor die klasnaam.

Versteek elemente met class="city":

Voorbeeld

<button onclick="w3.hide('.city')">Hide</button>


Wys elemente met behulp van element-ID

Om 'n element met 'n gespesifiseerde id te wys, gebruik 'n hash tag (#) voor die id naam.

Wys 'n element met id="London":

Voorbeeld

<button onclick="w3.show('#London')">Show</button>


Wys elemente met behulp van merkernaam

Om alle elemente met 'n gespesifiseerde merkernaam te wys, gebruik die merkernaam (sonder < en >) as die kieser.

Wys alle <h2>-elemente:

Voorbeeld

<button onclick="w3.show('h2')">Show</button>


Wys elemente deur klasnaam te gebruik

Om alle elemente met 'n gespesifiseerde klasnaam te wys, gebruik 'n punt (.) voor die klasnaam.

Wys elemente met class="city":

Voorbeeld

<button onclick="w3.show('.city')">Show</button>

Wissel Versteek/Wys

w3.toggleShow(selector)

Wissel versteek en wys met behulp van element-ID

Wissel tussen versteek en wys 'n element met id="London":

Voorbeeld

<button onclick="w3.toggleShow('#London')">Toggle Hide/Show</button>


Wissel Versteek en wys met behulp van merkernaam

Wissel tussen versteek en wys alle <h2>-elemente:

Voorbeeld

<button onclick="w3.toggleShow('h2')">Toggle Hide/Show</button>


Wissel Versteek en wys deur klasnaam te gebruik

Wissel tussen versteek en wys elemente met class="city":

Voorbeeld

<button onclick="w3.toggleShow('.city')">Toggle Hide/Show</button>