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

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

WBOY
リリース: 2016-05-16 16:14:58
オリジナル
1008 人が閲覧しました

この記事の例では、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 プログラミング設計に役立つことを願っています。
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート