[Html] div et append

Résolu/Fermé
excelise - 28 janv. 2011 à 21:01
 excelise - 29 janv. 2011 à 22:38
Bonjour,

Je cherche à l'aide de Javascript à rajouter du contenu au sein d'une balise div. Voici mon code, mais il ne marche pas :

<html> 

	<head> 

		<script type="application/javascript">

			var divTag = document.createElement("div");

			divTag.innerHTML = "This <b>HTML Div tag</b> is created using Javascript DOM dynamically.";

			document.getElementById("yo").appendChild(divTag) ;

		</script>

	</head> 
 
	<body> 

		<div id="yo">  
		</div>

	</body> 

</html>


Pourriez-vous m'aider ?

Merci par avance


A voir également:

3 réponses

Utilisateur anonyme
28 janv. 2011 à 21:16
déso, c'est ceci :
<script type="text/javascript">

function write_texte() {var html = "This <b>HTML Div tag</b> is created using Javascript DOM dynamically.";
myDiv = document.getElementById("yo");
myDiv.innerHTML = html;
}

</script>
<body onload="write_texte();">
<div id="yo"></div>
1
Merci seby1996 !

Et avec appendChild ?

Le code suivant marche :

<html> 

	<head> 

	</head> 
 
	<body> 

		<div id="yo">  
		</div>

		<script type="application/javascript">

			divTag = document.createElement("div");

			divTag.innerHTML = "This <b>HTML Div tag</b> is created using Javascript DOM dynamically.";

			document.body.appendChild(divTag) ;

		</script>

	</body> 

</html>


J'ai remplacé
document.getElementById("yo").appendChild(divTag) ;
par
document.body.appendChild(divTag) ;
.

Mais si je veux ajouter un div à l'intérieur de "yo" ?

Merci par avance
0
Utilisateur anonyme
29 janv. 2011 à 09:10
Finalement :
<script type="text/javascript">
function createDiv()
        {
            var divTag = document.createElement("div");
         
            divTag.id = "div1";
            
            divTag.setAttribute("align","center");
            
            divTag.style.margin = "0px auto";
            
            divTag.className ="dynamicDiv";
            
            divTag.innerHTML = "This <b>HTML Div tag</b> is created using Javascript DOM dynamically.";

            document.body.appendChild(divTag);
            
            
        }
		</script>
        <body onLoad="createDiv()">
        <div id="div"></div>
1
Merci !
0
excelise Messages postés 9 Date d'inscription samedi 29 janvier 2011 Statut Membre Dernière intervention 13 février 2011 2
29 janv. 2011 à 20:01
Le fil est résolu.
0
baladur13 Messages postés 47230 Date d'inscription mercredi 11 avril 2007 Statut Modérateur Dernière intervention 24 janvier 2025 13 551
29 janv. 2011 à 20:32
0
Merci baladur13
0
Utilisateur anonyme
28 janv. 2011 à 21:12
<script type="application/javascript">

var html = "This <b>HTML Div tag</b> is created using Javascript DOM dynamically.";
myDiv = document.getElementById("yo");
// Afficher la sortie HTML.
myDiv.innerHTML = html;

</script>
<div id="yo" />
0