[Html] div et append
Résolu
Bonjour,
Je cherche à l'aide de Javascript à rajouter du contenu au sein d'une balise div. Voici mon code, mais il ne marche pas :
Pourriez-vous m'aider ?
Merci par avance
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
3 réponses
-
<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" /> -
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>-
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) ;pardocument.body.appendChild(divTag) ;
.
Mais si je veux ajouter un div à l'intérieur de "yo" ?
Merci par avance
-
-
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>
