Getelementbyid : Demande explication :D

Bonjour

voila, j'ai un petit problème que je comprends pas vraiment... Je pars de ce code

Code:

---

1 2 3 4 5 6 7 8 9 10 11

<input type="text" id="champ_input"><br> <input type="button" onclick="f()" value="modifier le champ"> <script> function f() { var obj = document.getElementById("champ_input") alert('le champ a pour valeur : "'+obj.value+"'") obj.value="autre valeur" alert('maintenant il contient : "'+obj.value+'"') } </script>

---

Ca fonctionne bien il me récupère la valeur onclick et la change.
Maintenant :

Code:

---

1 2 3 4 5 6 7 8 9 10

<div id = "champ_input">ok ok</div> <script>     var obj = document.getElementById("champ_input") alert('le champ a pour valeur : "'+obj.value+"'") obj.value="autre valeur" alert('maintenant il contient : "'+obj.value+'"')   </script>

---

il me met que obj.value est undefined...

C'est juste un exemple que je comprends pas la ;)


Ensuite j'ai un autre problème... Sur IE, j'ai essayé d'utiliser

Code:

---

alert(obj.length);

---

pour connaitre le nombre d'occurences de mon id dans mon fichier c'est à dire si j'ai

Code:

---

<div id = champ_input> 1 </div>

---

et

Code:

---

<div id = champ_input> 2</div>

---

je voudrais avoir 2 en retour...

Ca fonctionne sur IE mais pas sur firefox... Pourquoi? Merci

value n'existe que pour les élément de formulaire, pour les autres c'est innerHTML (par exemple)

1er problème :
--------------

C'est normal, un objet div n'a pas de propriété "value". Cette propriété est spécifique à des objets liés aux formulaires pour avoir la valeur courante de chaque champ.

Mais si tu remplaces obj.value par obj.innerHTML (pas standard il me semble, mais pris en compte par la plupart des navigateurs), tu auras tout le contenu de ton bloc div.

2ème problème :
----------------

Il y a une erreur de conception. Un identifiant (id) doit être unique dans la page HTML ! Il va donc falloir trouver autre chose pour faire ça.

ensuite attention à la casse
"Getelementbyid : Demande explication :D"

les majuscule sont importantes.
getElementById

innerHTML est parfaitement standard. c'est le outerHTML qui est propre à IE la différence c'est :

Code:

---

<div id="myDiv"><p>test</p></div>

---

myDiv.innerHTML donne:

Code:

---

<p>test</p>

---

et myDiv.outerHTML donne :

Code:

---

<div id="myDiv"><p>test</p></div>

---

par contre ce qui n'est pas standard c'est la réaction du navigateur sur une mise à jour du innerHTML
si tu fais

Code:

---

myDiv.innerHTML = myDiv.innerHTML + <script ...</script>

---

suivant le navigateur le script sera ou pas interprété.
pour être sur il faut en passer par le DOM

Code:

---

1 2 3

scr = document.createElement('script'); .... myDiv.appendChild(scr);

---

A+JYT

Merci de toutes ses précisions !!

heu pour la casse j'avais pas fait attention en postant mais j'avais bien écris dans mon code :)