ajouter un élément dynamiquement à partir de javascript

Question

Tous,

Comment créer un élément en javascript, disons <div></div> et je veux lui attribuer une valeur en javascript, par exemple var a=3 ;

Exemple :

<script>
var ele=create element('<div>');
ele.add(a)
</div>
</script>

Merci..........

Answer 1

La nouvelle méthode, approuvée par le W3C, consiste à utiliser la méthode suivante document.createElement pour la création et Node.appendChild o Node.insertBefore pour ajouter le nouveau nœud comme enfant d'un autre. Ces fonctions sont définies par l'élément Norme DOM niveau 1 .

Pour ajouter du texte à un noeud, créez-le avec document.createTextNode puis ajoutez le nœud de texte en utilisant l'une des méthodes mentionnées précédemment. Pour modifier le texte d'un nœud de texte, attribuez à l'attribut nodeValue propriété.

// create the element
var elt = document.createElement('div');
// create & add text to the element
elt.appendChild(document.createTextNode('foo'));
// add the element to the body as the middle child
document.body.insertBefore(elt, document.body.childNodes[document.body.childNodes.length >> 1]);
...
// change the text stored in the element
elt.firstChild.nodeValue='bar';

Answer 2

var el = document.createElement('div');
el.innerHTML = '3';
document.body.appendChild(el);