JavaScript點選按鈕刪除div元素
本章節分享一段程式碼例項,它實現了點選按鈕刪除指定div元素的功能。
程式碼非常的簡單,這裡只是演示一下相關方法和屬性的使用。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼執行程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> #antzone { width:200px; height:100px; background:#ccc; } </style> <script> window.onload = function () { var odiv = document.getElementById("antzone"); var obt = document.getElementById("bt"); obt.onclick = function () { odiv.parentNode.removeChild(odiv); } } </script> </head> <body> <div id="antzone"></div> <input type="button" id="bt" value="檢視效果"/> </body> </html>
上面的程式碼實現了我們的要求,程式碼比較簡單,更多內容可以參閱相關閱讀。
相關閱讀:
(1).parentNode參閱parentNode一章節。
(2).removeChild()參閱JavaScript removeChild()一章節。
相關文章
- JavaScript點選按鈕刪除一個div元素JavaScript
- jQuery點選按鈕刪除div元素jQuery
- 點選刪除按鈕彈出是否刪除提示框
- 點選刪除按鈕刪除當前行程式碼例項行程
- JavaScript點選一個按鈕隱藏和顯示divJavaScript
- 刪除按鈕點選後的虛線輪廓
- JavaScript 點選一個按鈕 div的隱藏和顯示JavaScript
- JavaScript動態新增和刪除div元素JavaScript
- JavaScript 點選按鈕返回底部JavaScript
- 點選按鈕彈出一個居中div
- jquery點選按鈕顯示和隱藏DIvjQuery
- JavaScript點選按鈕返回底部詳解JavaScript
- JavaScript點選按鈕彈出層效果JavaScript
- 點選按鈕動畫方式隱藏和顯示div動畫
- JavaScript點選按鈕數字加1效果JavaScript
- JavaScript點選按鈕切換背景顏色JavaScript
- 點選按鈕實現div的顯示和隱藏
- javascript刪除元素節點removeChild()函式JavaScriptREM函式
- div按鈕CSSCSS
- JavaScript新增一個文字框並帶有刪除按鈕JavaScript
- JavaScript刪除元素節點程式碼例項JavaScript
- javascript 點選回車相當於點選按鈕程式碼例項JavaScript
- JavaScript刪除陣列元素JavaScript陣列
- JavaScript 建立和刪除元素JavaScript
- 點選按鈕顯示或者隱藏元素例項程式碼
- JavaScript點選新增行或者刪除行JavaScript
- 原生javascript如何刪除一個元素節點物件JavaScript物件
- JavaScript radio按鈕選中值JavaScript
- 點選回車實現按鈕點選功能
- 點選按鈕實現隱藏一個元素程式碼例項
- 點選按鈕拷貝複製元素內文字程式碼例項
- kindeditor 圖片管理增加刪除操作按鈕
- JavaScript 刪除陣列指定元素JavaScript陣列
- JavaScript 刪除指定的li元素JavaScript
- JavaScript刪除array陣列元素JavaScript陣列
- jQuery點選按鈕實現div的隱藏和顯示切換效果jQuery
- Android--按鈕點選事件Android事件
- Android 點選按鈕跳轉Android