在js中 ， 可以通過innerHTML屬性向指定元素對象添加div 。 下面小編舉例講解js如何在指定位置添加div 。
需要這些哦
html+js
代碼編纂器：z studio 10.0
方式/
1新建一個html文件 ， 定名為test.html ， 用于講解js若何在指定位置添加div 。
2在test.html文件中 ， 利用p標簽建立一塊區域 ， 用于添加div 。
3在test.html文件中 ， 給p標簽添加一個id屬性 ， 用于下面獲得p標簽對象 。
4在test.html文件中 ， 利用button標簽建立一個按鈕 ， 給button綁定onclick點擊事務 ， 當按鈕被點擊時 ， 執行addDiv()函數 。
5在js標簽內 ， 建立addDiv()函數 ， 在函數內 ， 將要添加的div標簽保留在html變量中 ， 然后經由過程getElementById()方式獲得p標簽對象 ， 經由過程將html變量賦值給innerHTML屬性 ， 實此刻指定位置添加div 。
6【js如何在指定位置添加div】在瀏覽器打開test.html文件 ， 點擊按鈕 ， 查看實現的結果 。
總結：11、用p標簽建立一塊區域 ， 給p標簽添加一個id屬性 。
2、在js中 ， 經由過程getElementById()方式獲得p標簽對象 ， 經由過程將html變量賦值給innerHTML屬性 ， 實此刻指定位置添加div 。
以上內容就是js如何在指定位置添加div的內容啦 ， 希望對你有所幫助哦！
猜你喜歡
- 微信拍一拍功能如何使用
- 微信圖文排版如何修改樣式顏色
- QQ空間怎么取消情侶空間
- 如何給微信好友拍一拍
- 如何在任天堂交換機上建立和使用通道
- Steam如何免費領取《變種基因》
- 荒野大鏢客2如何獲得阿拉伯馬？獲取方法介紹
- 灰鼠兔生病了怎么治療
- 喜馬拉雅兔如何訓練
- 如何注冊任天堂在線交換機