IE permet l'utilisation de nouveaux attributs, mais pas Firefox ?

Bonjour,

Ceci est mon premier message ici alors je m'excuse d'avance si je suis hors sujet.

J'ai une question sur les attributs des balises HTML.

Lorsque j'ai une balise du type :

<td id="monid" align="center">

je peux récupérer la valeur de l'attribut align en javascript de la manière suivante :

var lecture = document.getElementById('monid').align;

Ca fonctionne bien car l'attribut align est connu du DOM

Par contre, si j'ai un code HTML de type :

<td id="monid" monattribut="mavaleur">

alors le code javascript :

var lecture=document.getElementById('monid').monattribut;

fonctionne sous IE mais pas sous Firefox.

en fait, avec IE, on peut créer de nouveaux attributs qui sont interprétés par le DOM, alors que Firefox n'accepte que les attributs déjà définis par le HTML.

Est-ce qu'il y aurait une solution pour réaliser ces extensions avec Firefox ? Déclaration préalable ou autre ?

L'utilisation de ce principe est pratique pour passer des structures de paramètres de html à javascript.

Merci de vos conseils.

Bonjour,

Essayez plutôt:

Code:

---

var lecture=document.getElementById('monid').getAttribute('monattribut')

---

on peut recupérer des attributs exotiques avec getattribute comme le souligne Vermine si ceux ci n'ont pas étés attribués dynamiquement mais simplement mis en dur dans la balise html.
Par contre pour un attribut exotique attribué dynamiquement, là IE et ffx sont d'accord:

Code:

---

1 2 3

document.getElementById('monid').monattribut='exotique' var lecture=document.getElementById('monid').monattribut alert(lecture)

---

En fait, il faut différencier les attributs HTML et les propriétés JavaScript.
Lors de la construction de la page, JavaScript crée un nouvel objet de type HTMLElement.
Cet objet dispose pour propriétés des attributs autorisés pour cette balise. Il y a donc un lien entre les deux dans ce cadre là, ce qui crée la confusion entre eux.
Mais il ne s'agit pas pour autant des même choses.
Pour la plupart des navigateurs, les attributs HTML non autorisés sont ignorés et les propriétés de l'objet non conformes aussi.
A titre d'exemple :

Code:

---

<div onclick="alert(this.toto)"></div>

---

renvoie undefined

Code:

---

<div onclick="alert(this.id)"></div>

---

une chaîne vide et

Code:

---

<div onclick="this.setAttribute('toto','toto');alert(this.toto)"></div>

---

Crée bien un attribut toto avec toto comme valeur, mais l'alert renvoie undefined.

;)

Merci beaucoup, je vais essayer dès demain la méthode getAttribute()
Je comprends mieux la logique de tout ça. :ccool:
Je reviendrai sans doute car du coup, il va falloir que j'adapte tout mon code javascript pour ffox, alors que j'avais fait l'impasse jusque là :roll: