Problème création de div

Version imprimable

Bonjour,

J'essai de creer des div dinamiquement, cependant j'y arrive pas et je ne comprend pas pourquoi.
voila ma fonction en javascript si quelqu'un à une idée...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
function newCont(){
 
	var a = "cont"+idCont.toString();
	newDiv = document.createElement('div');
	newDiv.setAttribute("id", a);
	newDiv.setAttribute("class","classDiv");
	newDiv.setAttribute("className","classDiv");
 
	document.write("avant attachement à la div principale");
	document.getElementById("mainDiv").appendChild(newDiv); /* plante ici */
	document.write("après attachement à la div principal");
 
	idCont += 1;
	document.write("sortie de la fonction");
}

moi ça marche
si tu veux tester
j'ai pas mis le css
page html :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<html>
<head>
<title>Premiere Page</title>
<link rel="stylesheet" type="text/css" href="style.css">
<script type="text/javascript" src="fonc.js"></script>
</head>
<body>
 
La création dyn de child avec Javascript
<div id="mainPlus">
dedans mon div prédéfini
</div>
<script>fonction();</script>
</body>
</html>

javascript:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
function fonction(){
 	//alert('depart');
	var nouveauTexte;
	var nouvelElement;
 
	nouveauTexte=document.createTextNode('Crée un texte Node dans le body')
	deuxTexte=document.createTextNode('ajout dyn de div')
	nouvelElement= document.createElement("div")
	nouvelElement.setAttribute('id','divPlus')
	nouvelElement.appendChild(deuxTexte)
 
	document.body.appendChild(nouveauTexte)
	//document.body.appendChild(nouvelElement)
	document.getElementById('mainPlus').appendChild(nouvelElement)
 
 
 
}

Salut,
merci pour ta réponse. j'ai réussi par faire ce que je voulais. cependant, j'ai pas compris ce qui marchais pas!
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 function newCont(){ var a = "cont"+idCont.toString(); var newDiv; newDiv = document.createElement("div"); newDiv.setAttribute('id', a); newDiv.setAttribute('class',"conteneur"); newDiv.setAttribute('className',"conteneur"); document.getElementById('utilisateur').appendChild(newDiv); idCont ++; }
La seul différence par rapport à ce que j'avais avant est que je n'ai plus de document.write.
quelqu'un saurait m'expliquer pourquoi ca marchais pas avec?