この記事では、JavaScriptでDIVを動的に作成する方法について説明します。参照のためにそれを共有してください。特定の実装方法は次のとおりです。
コードコピーは次のとおりです。
<！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">
<head>
<Meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<Title>ネイティブJavaScript Creation Div </title>
<スクリプト>
window.onload = function（）{
var odiv = document.createelement（ "div"）; // divを作成します
var orpan = document.createelement（ "span"）; //スパンを作成します
odiv.style.csstext = "width：200px; height：200px; background：＃636363;
テキストアリグイン：center; line-height：220px "; // divのCSSスタイルを作成します
//odiv.id="box "; // divのIDをボックスとして作成します
//odiv.classname="box "; // divのクラスはボックスです
odiv.appendChild（Ospan）; // divにスパンを作成します
document.body.AppendChild（ODIV）; //体内にdivを作成します
}
</script>
</head>
<body>
</body>
</html>
この記事がみんなのJavaScriptプログラミングに役立つことを願っています。