Discussion :

[Alexino2]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
 onclick='ajouterElement()'

je voudrais ajouter ca dans mon body :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Matthieu2000]

createElement
+innerHTML

[SpaceFrog]

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

[Alexino2]

Merci bcp pour vos réponses

j'ai réussi comme ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ?

[SpaceFrog]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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);

[Alexino2]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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