<div id=""> ou <div class="">

[fredroy]

Bonjour,

Je voudrais savoir s'il ya une différence ?

En effet je n'ai pas compris pourquoi utiliser l'un plutôt que l'autre.

Merci d'avance pour vos explications.

[PsyDk]

La valeur de « id » doit être unique, celle de « class » n'a pas à l'être. En général on se sert de « id » pour structurer la page, et « class » pour créer des éléments réutilisables. Exemple :

Code : Tout sélectionner

<div id="EnTete">
</div>

<div id="Contenu">
  <div class="Article"></div>
  <div class="Article"></div>
  <div class="Article"></div>
</div>

<div id="PiedDePage">
</div>

Mais il est vrai que dans certains cas on ne sait pas lequel utiliser

[fredroy]

D'accord merci beaucoup pour cette explication

[olab]

J'ajouterai qu'avec id on identifie un élément de la page (pas au sens javascript ou là il faut utiliser name), alors qu'avec class, on cherche à appliquer un style CSS, rien d'autre.

[PsyDk]

avec id on identifie un élément de la page (pas au sens javascript ou là il faut utiliser name)

id identifie un élément aussi au sens javascript :

var divEnTete = document.getElementById("EnTete");

« name » n'est à utiliser que dans les éléments « input ».

[olab]

oui c'est vrai, c'est l'id dans l'arbre DOM, sorry.
Tiens au passage, je viens d'essayer sur une de mes pages getelementbyid en filant un id de div dans la console javascript, et il me ressort null, une idée ?

[bobo]

Attention à la case ! C'est getElementById pas getelementbyid, ni GetElementById.

[Gilles]

Tiens au passage, je viens d'essayer sur une de mes pages getelementbyid en filant un id de div dans la console javascript, et il me ressort null, une idée ?

La console JS n'est pas attachée à une fenêtre particulère du navigateur.
La variable document accessible dans la console référence une page vide (pour preuve, document.location == "about:blank").

Si tu veux faire des manipulations "en live" sur une page, il faut introduire le code JS dans la ligne d'URL.
Ou mieux, utiliser le JavaScript Shell de Jesse Ruderman.

[olab]

pour la casse je l'avait bien écrit je te rassure, là j'avais la flemme de mettre les majuscules
Je crois que ça ne marchait pas non plus dans ma page, je réessayerai.