在js中, 不能直接刪除子div, 但可以通過父div節點來刪除子div 。 下面小編舉例講解js如何刪除某個div下的div元素 。

需要這些哦
html+js
代碼編纂器:Dreamweaver CS5
方式/
1新建一個html文件, 定名為test.html, 用于講解js若何刪除某個div下的div元素 。

2在test.html文件內, 利用div標簽建立兩個div模塊, 兩個div模塊為嵌套關系 。

3在test.html文件內, 設置內部div標簽的id為mydiv, 本家兒要用于下面經由過程該id獲得div對象 。

4在test.html文件內, 利用button標簽建立一個按鈕, 按鈕名稱為“刪除內部div” 。

5在test.html文件中, 給button按鈕綁定onclick點擊事務, 當按鈕被點擊時, 執行deldiv函數 。

6在js標簽中, 建立deldiv()函數, 在函數內, 利用getElementById方式經由過程id獲得內部div對象, 經由過程parentNode屬性獲得父節點對象, 再利用removeChild方式刪除父div內的子div 。

7在瀏覽器打開test.html文件, 查看源代碼, 點擊按鈕, 查看成果 。


總結:1【js 如何刪除某個div下的div元素】1、建立一個test.html文件 。
2、在文件內, 利用div標簽建立兩個div模塊, 兩個div模塊為嵌套關系, 同時建立一個button按鈕, 用于觸發執行js函數 。
3、在js標簽內, 建立函數, 在函數內, 利用getElementById方式經由過程id獲得內部div對象, 經由過程parentNode屬性獲得父節點對象, 再利用removeChild方式刪除父div內的子div 。
注重事項removeChild()方式用于指定元素的某個指定的子節點 。
以上內容就是js 如何刪除某個div下的div元素的內容啦, 希望對你有所幫助哦!
猜你喜歡
- 如何驅蚊——純天然中草藥驅蚊配方
- 如何知道我喜歡的女生是不是也喜歡我
- 淘寶我的足跡在哪?淘寶我的足跡怎么刪除
- 如何練習吹陶笛
- 如何查看手機當前位置的經緯度
- 如何掛失身份證
- qq空間留言怎樣刪除 怎樣刪除在別人空間的留言
- 手機流量1G等于多少MB ,如何產生,怎么節省
- QQ桌球如何打拐彎球
- 沙棘如何施肥,沙棘上什么肥
