[DOM] Interpr�ter du HTML sans innerHTML

Hello,

J'aimerais savoir s'il existe un moyen simple d'interpr�ter du texte comme du HTML avec les fonctions DOM.

Pour illustrer mes propos :

Code:

---

1 2 3 4 5

var div = document.createElement( 'div' );   var texte = '<i>mon texte</i>';   div.appendChild( document.createTextNode( texte ) );

---

Evidemment, ce code ne fonctionne pas, il m'affiche "<i>mon texte</i>". Or, j'aimerais pouvoir afficher "mon texte".

Sachant que la variable texte est remplie par les donn�es d'un XML, et que je peux tr�s bien recevoir du texte simple, sans balise.

Avez-vous une id�e ?

:merci:

Code:

---

1 2 3 4 5 6

var div = document.createElement( 'div' ); var italique = document.createElement('i'); var texte = document.createTextNode("mon texte");   italique.appendChild(texte); div.appendChild(italique);

---

cela dit les balise comme <i>, <center>, <font> etc... sont d�conseill�s. aujourd'hui on privil�gie les classes CSS

Code:

---

1 2 3 4

var div = document.createElement( 'div' ); var texte = document.createTextNode("mon texte"); div.appendChild(texte); div.className = "italique"; // .italique { font-style: italic; }

---

ou

Code:

---

1 2	var texte = document.createTextNode("mon texte"); texte.style.fontStyle='italic'

---

sinon en passant par data ?

Code:

---

1 2 3

var texte = document.createTextNode(""); texte.data="<i>mon texte</i>"

---

test� ... ni l'un ni l'autre ne passent :oops;

Ben Spaffy, tu es fatigu�...

Code:

---

1 2 3 4

var div = document.createElement( 'div' ); div.style.fontStyle = 'italic'; var texte = 'mon texte'; div.appendChild( document.createTextNode( texte ) );

---

Code:

---

document.createElement("<i style="...">texte</i>")

---

Ca marche pas ?

@Bezout :
Non, c'est pas cross-browser.

Ah oui possible, sous IE ca devait marcher :aie:

Je crois que vous avez tous zapp� cette partie de l'�nonc� :aie: :

Citation:

---

Envoy� par Bis�n�rs

Sachant que la variable texte est remplie par les donn�es d'un XML, et que je peux tr�s bien recevoir du texte simple, sans balise.

---

Mais je vais tenter la proposition de Spafy avec le data.


Edit : Sans succ�s, le r�sultat est le m�me.

Et le "sans innerHTML", il y a une raison particuli�re ?

Parce que l'�l�ment en question n'existe pas encore dans la page. Il me semble que dans ce cas-l�, le innerHTML g�n�re une erreur non ?

Non :

Code:

---

1 2 3 4

var madiv = document.createElement('div'); var texte = "<i>Du texte</i>"; madiv.innerHTML = texte; document.body.appendChild(madiv);

---

Teste �a et tu verras le texte apparaitre tout en bas de la page.

Effectivement ... Bon, au temps pour moi, je vais utiliser le innerHTML. :mrgreen:

Merci � tous. :)

Salut :D

Code:

---

1 2 3 4 5

var madiv = document.createElement('div'); madiv.id = 'id_div'; document.body.appendChild(madiv); var texte = "<i>Du texte</i>"; document.getElementById('id_div').innerHTML = texte;

---

Non ?

EDIT : oups, un peu tard :aie:

A+

:koi: tu peux m'expliquer le soucis avec �a ?

Code:

---

1 2 3 4

var div = document.createElement( 'div' ); var texte = document.createTextNode("mon texte"); div.appendChild(texte); div.className = "italique"; // .italique { font-style: italic; }

---

meme si "mon texte" est remont� par le xml, �a change rien

@bigboomshakala : Ce que je re�ois du XML, ce n'est pas que "mon texte", c'est "<i>mon texte</i>", avec la balise <i>. Et je ne peux pas mettre une classe enti�re sur le texte que je re�ois, parce qu'il peut y avoir du texte en dehors des balises, d'autres balises, etc.

:king: l� j'ai compris

parser le xml avec une regExp pour virer les balises ??

Non plus, parce que je veux quand m�me garder la mise en forme propos�e par ces balises.

:oops:

Sans savoir si ton contexte de projet particulier le permet, j'aurais quand m�me envie de te proposer une autre possibilit�, non encore �voqu�e : avec la biblioth�que Prototype, la m�thode Element.update(chaine) r�soud ce probl�me et tous ceux qui peuvent �tre associ�s � l'utilisation d'innerHTML, est totalement cross-browser, et enfin (au cas o� �a te soit utile mais je l'ignore ^^) les scripts �ventuellement pr�sents dans le fragment html � ins�rer (entre balises script bien s�r) seront ex�cut�s juste apr�s l'insertion, avec juste le petit d�calage de 10ms suffisant pour que l'�l�ment soit bien pris en compte dans le DOM.

Bref... � envisager peut-�tre si jamais les autres qualit�s de ce framework te s�duisent d�j� ^^

@RomainVALERI : J'avoue que l�, �a serait �craser la mouche avec un bazooka. ^^

Mais comme mon application va commencer � regorger d'AJAX, je pense qu'il va falloir que je me tourne vers les librairies qui g�rent �a, plut�t que d'essayer de r�inventer la poudre.

A voir. :)