Cet article décrit la méthode de création de divs dynamiquement dans JavaScript. Partagez-le pour votre référence. La méthode de mise en œuvre spécifique est la suivante:
La copie de code est la suivante:
<! Doctype html public "- // w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<adal>
<meta http-equiv = "contenu-type" contenu = "text / html; charset = utf-8" />
<Title> Native JavaScript Creation Div </Title>
<cript>
window.onload = function () {
var odiv = document.CreateElement ("div"); // Créer un div
var orpan = document.CreateElement ("Span"); // Créer une portée
Odiv.style.csstext = "largeur: 200px; hauteur: 200px; arrière-plan: # 636363;
Text-Align: Centre; Line-Height: 220px "; // Créer un style CSS pour Div
//Odiv.id="box "; // Créez l'ID de la div en boîte
//Odiv.classname="box "; // La classe de div est la boîte
Odiv.ApendChild (Ospan); // Créez une portée dans le div
Document.Body.ApendChild (ODIV); // Créez une div dans le corps
}
</cript>
</ head>
<body>
</docy>
</html>
J'espère que cet article sera utile à la programmation JavaScript de tous.