ホームページ >ウェブフロントエンド >jsチュートリアル >Javascript_javascript で div を動的に作成する方法のヒント

Javascript_javascript で div を動的に作成する方法のヒント

WBOY
WBOYオリジナル
2016-05-16 16:14:581023ブラウズ

この記事の例では、JavaScript を使用して div を動的に作成する方法を説明します。皆さんの参考に共有してください。具体的な実装方法は以下の通りです。

コードをコピーします コードは次のとおりです:



<頭>

ネイティブ JavaScript が div を作成します
<スクリプト>
window.onload=function() {
Var odiv = document.createElement ("div") // div を作成します
Var ompan = document.createelement ("span") // スパンを作成します
Odiv.style.cssText="幅:200px;高さ:200px;背景:#636363;
                                                                                                                                                            //Odiv.id="box"; //Odiv.id="box" //作成された div の ID は box
です。 //Odiv.className="Box" //div のクラスは Box
; Odiv.appendChild(Ospan); // div内にspan
を作成します。 document.body.AppendChild(ODIV); }







この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。