javascript刪除元素節點removeChild()函式
本章節介紹利用javascript刪除一個元素節點,原生javascript提供了removeChild()能夠實現此功能。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> ul li{ width:150px; height:20px; line-height:20px; list-style:none; } </style> <script type="text/javascript"> window.onload=function(){ var obt=document.getElementById("bt"); var obox=document.getElementById("box"); var lis=obox.children; obt.onclick=function(){ obox.removeChild(lis[1]); } } </script> </head> <body> <ul id="box"> <li>螞蟻部落一</li> <li>螞蟻部落二</li> <li>螞蟻部落三</li> <li>螞蟻部落四</li> </ul> <input type="button" id="bt" value="檢視效果"/> </body> </html>
以上程式碼實現了我們的要求,可以刪除第二個li元素。
相關閱讀:
1.children屬性可以參閱javascript children屬性的用法一章節。
2.js對節點的相關操作可以參閱javascript如何獲取元素的子節點和父節點一章節。
相關文章
- 使用removeChild()函式動態刪除一個li元素REM函式
- removeChild()刪除li元素REM
- JavaScript刪除元素節點程式碼例項JavaScript
- 原生javascript如何刪除一個元素節點物件JavaScript物件
- jQuery如何刪除元素節點jQuery
- JavaScript刪除節點自身JavaScript
- JavaScript點選按鈕刪除div元素JavaScript
- js刪除父元素下所有的元素節點程式碼JS
- JavaScript刪除陣列元素JavaScript陣列
- JavaScript 建立和刪除元素JavaScript
- JavaScript點選按鈕刪除一個div元素JavaScript
- 使用jQuery刪除一個元素節點程式碼例項jQuery
- JavaScript 刪除陣列指定元素JavaScript陣列
- JavaScript 刪除指定的li元素JavaScript
- JavaScript刪除array陣列元素JavaScript陣列
- JavaScript removeChild()JavaScriptREM
- Oracle Rac 刪除節點Oracle
- JavaScript獲取父元素下子元素節點JavaScript
- JavaScript 刪除陣列重複元素JavaScript陣列
- JavaScript 動態新增與刪除元素JavaScript
- JavaScript 陣列新增或者刪除元素JavaScript陣列
- JavaScript陣列刪除重複元素JavaScript陣列
- JavaScript刪除陣列中指定元素JavaScript陣列
- JavaScript動態新增或者刪除HTML元素JavaScriptHTML
- javascript刪除陣列元素的程式碼JavaScript陣列
- JavaScript動態新增和刪除div元素JavaScript
- javascript如何動態新增和刪除元素JavaScript
- JavaScript刪除陣列第一個元素JavaScript陣列
- 【RAC】刪除RAC資料庫節點(二)——刪除ASM資料庫ASM
- 【RAC】刪除RAC資料庫節點(五)——刪除ONS資料庫
- redis cluster節點/新增刪除操作Redis
- mongodb副本集新增刪除節點MongoDB
- Hadoop增加和刪除節點Hadoop
- jQuery點選按鈕刪除div元素jQuery
- 單連結串列功能函式練習——按規定插入指定節點及刪除最小值節點(C語言)函式C語言
- 【RAC】刪除RAC資料庫節點(三)——刪除監聽資料庫
- JavaScript刪除陣列最後一個元素JavaScript陣列
- javascript delete運算子刪除array陣列元素JavaScriptdelete陣列