javascript ne repecte pas la police définie

Bonjour,

J'ai dans ma page html un table où j'ai défini la police de mes cellules :

Code:

---

<td width="200" align="center" id="titre1"><font size="1" face="Verdana">image1</font></td>

---

Je veux modifier en javascript le texte de mes cellules, j'ai donc dans mon script :

Code:

---

document.getElementById("titre1").innerHTML = "mon image";

---

mais la font de la cellule n'est pas respectée, je suis obligé de redéfinir la font dans le javascript par :

Code:

---

1 2	document.getElementById("titre1").style.fontSize="8pt"; document.getElementById("titre1").style.fontFamily="Verdana";

---

Pourquoi ? N'y a-t-il pas un moyen d'éviter cela ? parce que j'ai un paquet de cellules comme ça, et ça va surcharger le code javascript ...

Merci,
Nico

Bonjour,
Je te conseilles de t'orienter sur les CSS plutôt que le javascript pour les styles.
En ce qui concerne le changement du contenu, il faut passer par les propriété cells et rows. Jettes un oeil sur cet exemple:
http://www.w3schools.com/JS/tryit.as...tablerow_cells

Citation:

---

Je te conseilles de t'orienter sur les CSS plutôt que le javascript pour les styles.

---

Absolument !
Sinon :

Code:

---

document.getElementById("titre1").innerHTML

---

Dans ton exemple, le innerHTML vaut :

Code:

---

<font size="1" face="Verdana">image1</font>

---

et lorsque tu fais l'affectation, c'est tout ce contenu qui est remplacé, donc les indications de police.
Tu devrais faire :

Code:

---

document.getElementById("titre1").getElementsByTagName('font')[0].innerHTML = 'mon image';

---

Citation:

---

Envoyé par DiverSIG

Pourquoi ?

---

parce que tu remplaces

Code:

---

<font size="1" face="Verdana">image1</font>

---

par

Code:

---

mon image

---

Citation:

---

Envoyé par DiverSIG

Pourquoi ? N'y a-t-il pas un moyen d'éviter cela ?

---

soit en n'écrasant pas le contenu de ta cellule mais celui du font (cf. Bovino),
soit en écrivant du html actuel (l'utilisation de la balise font n'est pas recommandé, les CSS sont là pour ça) auquel cas tu n'auras plus de balise font dans ta cellule