OVH Cloud OVH Cloud

Faire réference à un texte sur la page

3 réponses
Avatar
francois
bonjour.

J'ai un bout de texte sur la page (pas un champ, juste du texte affiché).

Je voudrais qu'un script modifie un nombre dans ce texte.

Comme le texte affiché sur une page n'a pas de nom, comment faire référence
à ce texte en javascript pour y appliquer des prpriétés ?

Et quelles sont les propriétés applicable à du texte simple ?

Merci à tous.

3 réponses

Avatar
Olivier Miakinen

J'ai un bout de texte sur la page (pas un champ, juste du texte affiché).

Je voudrais qu'un script modifie un nombre dans ce texte.

Comme le texte affiché sur une page n'a pas de nom, comment faire référence
à ce texte en javascript pour y appliquer des prpriétés ?


Le plus simple, c'est de le repérer en lui donnant un nom.

Par exemple, si tu veux changer le nombre 31 dans le texte <p>Ce mois
compte 31 jours</p>, eh bien tu commences par modifier ton texte pour
qu'il devienne <p>Ce mois compte <span id="nb-jours">31</span> jours</p>
et tu n'as plus qu'à le repérer par getElementById("nb-jours").

Si tu ne peux pas changer le HTML de départ, alors il te faudra partir
d'un élément que tu sais repérer, puis te balader dans le DOM avec
firstChild, lastChild, nextSibling, etc.

http://fr.selfhtml.org/javascript/objets/node.htm

Et quelles sont les propriétés applicable à du texte simple ?


Tu trouveras plein de choses en te baladant sur le site selfhtml. Il y a
aussi les méthodes telles que createTextNode() :

http://fr.selfhtml.org/javascript/objets/document.htm

Avatar
francois
"Olivier Miakinen" <om+ a écrit dans le message de news:
d1jnp8$2mfg$

J'ai un bout de texte sur la page (pas un champ, juste du texte affiché).

Je voudrais qu'un script modifie un nombre dans ce texte.

Comme le texte affiché sur une page n'a pas de nom, comment faire
référence
à ce texte en javascript pour y appliquer des prpriétés ?


Le plus simple, c'est de le repérer en lui donnant un nom.

Par exemple, si tu veux changer le nombre 31 dans le texte <p>Ce mois
compte 31 jours</p>, eh bien tu commences par modifier ton texte pour
qu'il devienne <p>Ce mois compte <span id="nb-jours">31</span> jours</p>
et tu n'as plus qu'à le repérer par getElementById("nb-jours").



Merci.

Quand je fais alert(document.getElementById("nb-jours")); dans ma fonction
javascript, il me retourne null.

C'est normal ?


Avatar
ASM

Quand je fais alert(document.getElementById("nb-jours")); dans ma fonction


attention aux " et ' à l'intérieur de ta fonction

javascript, il me retourne null.


essaie : alert(document.getElementById("nb-jours").innerHTML);
ou : alert(document.getElementById("nb-jours").tagName);

ou tout autre que tu as trouvé dans les liens proposés

--
*******************************************************
Stéphane MORIAUX et son vieux Mac
Aide Pages Perso (images & couleurs, formulaire, CHP)
http://perso.wanadoo.fr/stephane.moriaux/internet/
*******************************************************