Insertion HTML via DOM

Insertion HTML via DOM - HTML/CSS - Programmation

Marsh Posté le 14-09-2005 à 11:30:14    

Salut,
 
J'ai un petit problème : je voudrais ajouter, via la DOM, une chaîne html dans ma page, à un emplacement donné.
Problème : je la rajoute en tant que texte, mes balises ne sont pas interprétées.
 
J'ai essayé avec element.firstChild.data et element.firstChild.nodeValue.
Quelqu'un pourrait-il me dire la bonne méthode ?  
 
Merci

Reply

Marsh Posté le 14-09-2005 à 11:30:14   

Reply

Marsh Posté le 14-09-2005 à 13:29:28    

déjà mettre un id sur ton élément

Code :
  1. <div id="truc"></div>


 
ensuite en JS pour accéder à l'élément :  

Code :
  1. var MonElement = document.getElementById("truc" );


 
puis pour ajouter du HTML à ton élément c'est innerHTML

Code :
  1. MonElement.innerHTML = "<b>trop fort c'est en gras</b>"


 
mais si tu veux rajouter des élément via du DOM  
il faut faire ainsi :  

Code :
  1. //On créé l'élément <b></b>
  2. var monB = document.createElement("B" );
  3. //On l'insère dans MonElement
  4. MonElement.appendChild(monB);
  5. //Ensuite on met du texte à monB
  6. monB.innerHTML = "trop fort ca marche";


 
A noter qu'il existe la possibilité de créer un node de type Text, mais je pense que masklinn t'en apprendra plus la dessus
 
au passage, sert toi du DOM Inspector en mode Javascript ça te sera utile


Message édité par gatsusat le 14-09-2005 à 13:32:27
Reply

Marsh Posté le 14-09-2005 à 19:18:32    

Ok donc apparemment, il n'y a guère que innerHTML (qui n'est pas DOM) pour faire ce que je veux.
 
Mhh ça m'embête.
 
Merci


---------------
Dans le monde, il n'y a que 10 sortes de personnes : ceux qui savent compter en binaire et ceux qui ne savent pas
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed