Dieser Artikel beschreibt die Methode, Divs in JavaScript dynamisch zu erstellen. Teilen Sie es für Ihre Referenz. Die spezifische Implementierungsmethode lautet wie folgt:
Die Codekopie lautet wie folgt:
<! DocType html public "-// w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transsitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<kopf>
<meta http-äquiv = "content-type" content = "text /html; charset = utf-8" />
<titels> native JavaScript -Erstellungsdiv </title>
<Script>
window.onload = function () {
var odiv = document.createelement ("div"); // Erstellen Sie eine Div
var orpan = document.createelement ("span"); // Erstellen Sie eine Spannweite
Odiv.Style.csStext = "Breite: 200px; Höhe: 200px; Hintergrund:#636363;
Text-Align: Mitte; Linienhöhe: 220px "; // Erstellen Sie einen CSS-Stil für Div
//Odiv.id="box "; // Erstellen Sie die ID des DIV als Box
//Odiv.classname="box "; // Die Klasse von Div ist Box
Odiv.Appendchild (Ospan); // Erstellen Sie eine Spannweite im Div
document.body.appendchild (odiv); // Erstellen Sie eine DIV im Körper
}
</script>
</head>
<body>
</body>
</html>
Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.