首頁 > web前端 > js教程 > Javascript動態建立div的方法_javascript技巧

Javascript動態建立div的方法_javascript技巧

WBOY
發布: 2016-05-16 16:14:58
原創
998 人瀏覽過

本文實例講述了Javascript動態建立div的方法。分享給大家供大家參考。具體實作方法如下:

複製程式碼 程式碼如下:





原生javascript建立div
<script><br /> window.onload=function () {<br />         var Odiv=document.createElement("div");             //建立一個div<br />         var Ospan=document.createElement("span");          //建立一個span<br />         Odiv.style.cssText="width:200px;height:200px;background:#636363;<br />         text-align:center;line-height:220px";    //建立div的css樣式<br />         //Odiv.id="box";                               //Odiv.className="Box";                    //div的類為Box<br />         Odiv.appendChild(Ospan);            //在div內建立一個span<br />         document.body.appendChild(Odiv);        //在身體內建立一個div <br />     }<br /> </script>





希望本文所述對大家的javascript程式設計有所幫助。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板