Discussion :

[nanar21]

Bonjour,

Pour cacher un élément (une balise aside ayant comme id="today"), ce code fonctionne

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementById("today").style.display="none"; // OK

Mais pour cacher toutes les balises aside, ce code ne fonctionne pas

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.getElementsByTagName("aside").style.display="none";

J'ai tenté le code suivant, (mais il ne fonctionne pas)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
var tab_aside=document.getElementsByTagName("aside");
for (x in tab_aside) { x.style.display="none";}

Pourriez-vous m'aider ?
Je voudrais cacher plusieurs balises d'un coup au chargement de la page

D'avance merci

[Beginner.]

Tu as des balises <aside></aside> dans ton html ? Je ne sais pas si c'est une bonne idée mais peut-être que ce serait mieux de travailler avec des balises connues et ajouter par exemple une class ".aside"...

Je ne sais pas si on peut appliquer du css classique à une balise inconnue juste comme ça sans ajouter quelque chose (j'ai vu qu'on pouvait faire des balises personnalisées)...

[Invité]

Bonjour,

Code JavaScript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
var tab_aside = document.getElementsByTagName("aside");
for (var i = 0; i < tab_aside.length; i++) { tab_aside[i].style.display="none"; }

ou :

Code JavaScript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
var tab_aside = document.getElementsByTagName("aside");
for (x of tab_aside) { x.style.display="none"; }

Voir for(... of ...) (et pas for(...in...))

Pour peu que tu utilises jQuery, ça devient :

Code jQuery :

Sélectionner tout - Visualiser dans une fenêtre à part

$('aside').hide();

[Beginner.]

Ah je viens de tester et oui apparemment on peut utiliser n'importe quelles balises ! Je ne savais pas ça...

[Invité]

@Beginner.

La balise <aside> EST BIEN une balise HTML5 !

• HTML5 : le guide du débutant

[Beginner.]

Ah merci, je ne la connaissais pas ! Ceci dit j'ai essayé aussi <asidea> et ça marche aussi sauf qu'elle est considérée apparement comme une balise inline...

[nanar21]

Merci, pour le bon code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
var tab_aside = document.getElementsByTagName("aside");
for (var i = 0; i < tab_aside.length; i++) { tab_aside[i].style.display="none"; }

Cela fonctionne avec un for "classique"