Accéder à la propriété value hors formulaire

bonjour,

Pour accéder à la propriété value d'un élément d'une page HTLM qui n'est pas à l'intérieur de balises <form> </form> et sans recevoir la valeur undefined
Comme en écrivant le code JS suivant:

Code:

---

1 2	var valeur= document.elements["nom"].value

---

Comment modifier le code pour obtenir la véritable valeur de l'élément nom , telle qu'elle à été affectée dans la page HTML ?

Bonjour,

Essaye :

Code:

---

objet.getAttribute("value");

---

bonjour,

Si j'ai un bouton avec name="bouton1" et id="b1"
le code JS suivant est accepté

Code:

---

1 2	var v=document.getElementById("b1").getAttribute("value"); window.alert('vous avez cliqué le bouton '+ v );

---

Alors que celui relatif à name est refusé

Code:

---

1 2 3

var v=document.getElementsByName("bouton1").getAttribute("value"); window.alert('vous avez cliqué le bouton '+ v );

---

Pourquoi ?

C'est parce que getElementsByName renvoit une liste d'élément (NodeList) alors que getElementById renvoi un unique élément (element).

Exemple :

Code:

---

<span name="js" value="test">Un test parmi tant d'autres..</span>

---

Code:

---

1 2 3

var nodeList = document.getElementsByName('js'); var r = nodeList[0].getAttribute('value'); alert(r);

---

Citation:

---

Envoyé par goofyto8

bonjour,

Si j'ai un bouton avec name="bouton1" et id="b1"
le code JS suivant est accepté

Code:

---

1 2	var v=document.getElementById("b1").getAttribute("value"); window.alert('vous avez cliqué le bouton '+ v );

---

Alors que celui relatif à name est refusé

Code:

---

1 2 3

var v=document.getElementsByName("bouton1").getAttribute("value"); window.alert('vous avez cliqué le bouton '+ v );

---

Pourquoi ?

---

Il te suffit de lire ton code getElementById getElementsByName

A+JYT