Ajout d'élement brut ?

Bonjour, ma question est simple, j'aimerais savoir si on peut rajouter des élément dans une page de manière brute ?

A savoir par exemple, si je fais

Code:

---

1 2	onclick='ajouterElement()'

---

je voudrais ajouter ca dans mon body :

Code:

---

1 2 3 4 5 6

function ajouterElement() { document.write("<div name='div1' style='line-height:20px;font-size:20px;'>toto</div>"); }

---

Seulement, ca me l'affiche sur une autre page...

Je sais qu'il y a aussi la méthode "createElement('div')" Mais le problème est qu'il faut redéfinir chaque attribut un par un...

Merci pour vos réponses

Citation:

---

createElement
+innerHTML

---

:idea:

oui ou encore pour le contenu data ou createTextNode ...

Merci bcp pour vos réponses :)

j'ai réussi comme ceci :

Code:

---

1 2 3 4 5 6

var gg=document.createElement("gg"); gg.innerHTML="<div name='div1' style='line-height:20px;font-size:20px;'>toto</div>"; document.body.appendChild(gg);

---

Par contre, laquelle des méthodes proposés vous me conseillez ? La plus efficace ou la propre...Est ce que le innerHTML est plus ou moins propre ou barbare ?

heu t'as pas du tout comprendre là ...

Code:

---

1 2 3 4 5

var gg=document.createElement("div"); gg.name='div1' gg.style.cssText='line-height:20px;font-size:20px; gg.createTextNode('toto') document.body.appendChild(gg);

---

Citation:

---

Envoyé par SpaceFrog

heu t'as pas du tout comprendre là ...

Code:

---

1 2 3 4 5

var gg=document.createElement("div"); gg.name='div1' gg.style.cssText='line-height:20px;font-size:20px; gg.createTextNode('toto') document.body.appendChild(gg);

---

---

ma méthode fonction bien ;) je t'assure test :D

Là justement, tu me présente ce que je ne voulais pas, à savoir déclarer un par un les attributs de son div...ce qui me semble un peu plus "fixé" que ma méthode

ce n'est pas parcequ'elle à l'air de focntionner que ta méthode est bonne ...

son défaut majeur est que le DOM ne reconnaitre pas ton div ...

il s'affichera bien sur ta page mais tu ne pourras pas en tirer grand chose par la suite ...
et pire si tu regardes le code généré ...

ok je comprend,

En faite j'essaye de me compliquer la tache..

Ce que je souhaiterais faire c stoker les éléments dans un tableau.
Dans ce tableau, je peux supprimer les éléments ou je veux quand je veux.

Le soucis vient ensuite au niveau du décalage.

Je vais un truque du genre

Code:

---

onmousedown='agrandir("+nb+");

---

Le problème est que "nb" est fixe et que les index de mon tableau change en fonction des suppression...

A savoir, est il possible de changer par la suite le onmousedown (genre suppression puis recréer un nouveau mousedown) ? Après avoir créé ces éléments ?

J'avoue ne pas avoir tout à fait compris ce que tu souhaitais faire , ni ton problème de décallage ???

quelle opérations essayes tu de faire sur les elements ???

pour ce qui est des evènements dynamiques:

Code:

---

elt.onmousedown=funciton(){alert('coucou')

---

si tu détailles un peu plus le deroulement des opératioins je pourrais sans doute mieux t'orienter ...

no c'est bon j'ai trouvé...

MErci en tout cas pour ton aide ;)

:D