[Html] div et append
Résolu
excelise
-
excelise -
excelise -
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
A voir également:
- [Html] div et append
- Editeur html - Télécharger - HTML
- Div c++ - Télécharger - Langages
- Espace html ✓ - Forum HTML
- [**] Balise pour un espace vide en hml. Merci ✓ - Forum Webmastering
- /Var/www/html/index.html ✓ - Forum Linux / Unix
3 réponses
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>
<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>
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>
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.
Mais si je veux ajouter un div à l'intérieur de "yo" ?
Merci par avance