Page 1 sur 1
<div id=""> ou <div class="">
Publié : 12 janv. 2004, 16:36
par 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.
Publié : 12 janv. 2004, 17:40
par 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
Publié : 12 janv. 2004, 20:19
par fredroy
D'accord merci beaucoup pour cette explication
Publié : 13 janv. 2004, 00:22
par 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.
Publié : 13 janv. 2004, 09:39
par PsyDk
olab a écrit :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 ».
Publié : 13 janv. 2004, 23:08
par 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 ?
Publié : 13 janv. 2004, 23:58
par bobo
Attention à la case ! C'est getElementById pas getelementbyid, ni GetElementById.
Publié : 14 janv. 2004, 10:08
par Gilles
olab a écrit :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.
Publié : 14 janv. 2004, 20:02
par 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.