Afficher/masquer un élément [Résolu]

[gronaze]

Hello,

Je débute en développement web et j'essaye des trucs sans y arriver. Mon objectif est de faire apparaître/disparaitre des éléments (sans action utilisateur -- du moins au début) :
En HTML :
Au sein d'une classe/balise <div id="button"> j'ai plusieurs balise inline <a id="xx">.

En CSS: Je définie notamment la propriété display:

Code :

1
2
3
4
5
#button a
{
	display: inline-block;
        [...]
}

Dans la partie javascript, pour certain identifiant <a> de la classe <div>, je tente de masquer l'élément avec:

Code :

1
2
3
[...]
var hideButton = window.getComputedStyle(tab[ii][2], null).display;
hideButton = 'none';

Or l'effacement/masquage des éléments cités ne fonctionne pas !
première question : pourquoi ?
Deuxième question: Pour que tous les boutons <a> soient identiques, j'ai choisit de faire la "mise en forme" dans la class parent <div>, est-ce un choix approprié ?

Merci pour vos réponses,

[Bovino]

Déjà, getComputedStyle() n'est disponible sur IE qu'à partir de la version 9, donc pas très compatible.
Il est préférable de passer par la propriété style des éléments.

Ensuite, tu affectes à ta variable la valeur actuelle du style, pas la propriété de style elle-même, l'affectation suivante va donc uniquement modifier la valeur (de type texte) de cette variable, pas le style souhaité.

Code :

tab[ii][2].style.display = 'none';

[gronaze]

Merci Bovino pour ta réponse.

Les pages que je fais doivent uniquement être lues depuis un linux embarqué qui n'a qu'un browser FF, mais cela dit, autant être portable dès le début, on ne sait jamais.

Comment dois-je faire pour modifier l'attribut style ?

Est-ce un problème de référence ? de rechargement de la page ?

[Bovino]

Comment dois-je faire pour modifier l'attribut style ?

Envoyé par Bovino

Code :

tab[ii][2].style.display = 'none';

[gronaze]

mea culpa, j'avais pas compris.

Merci,

==> RESOLU