js 如何刪除某個div下的div元素

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

js 如何刪除某個div下的div元素



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



2在test.html文件內, 利用div標簽建立兩個div模塊, 兩個div模塊為嵌套關系 。
js 如何刪除某個div下的div元素



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



4在test.html文件內, 利用button標簽建立一個按鈕, 按鈕名稱為“刪除內部div” 。
js 如何刪除某個div下的div元素



5在test.html文件中, 給button按鈕綁定onclick點擊事務, 當按鈕被點擊時, 執行deldiv函數 。
js 如何刪除某個div下的div元素



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



7在瀏覽器打開test.html文件, 查看源代碼, 點擊按鈕, 查看成果 。
js 如何刪除某個div下的div元素



js 如何刪除某個div下的div元素



總結: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元素的內容啦, 希望對你有所幫助哦!

    猜你喜歡