removeChild()刪除li元素
在dom操作,可能需要刪除一個指定元素的指定子元素,下面就以刪除指定的li元素作為例子。
程式碼例項如下:
[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{ list-style:none; font-size:12px; line-height:25px; } </style> <script type='text/javascript'> window.onload=function(){ var obox=document.getElementById("box"); var lis=document.getElementsByTagName("li"); var obt=document.getElementById("bt"); obt.onclick=function(){ obox.removeChild(lis[1]); } } </script> </head> <body> <ul id="box"> <li>螞蟻部落歡迎您,只有努力奮鬥才會有美好的明天。</li> <li>沒有人一開始就是高手,必須要通過虛心學習。</li> <li>每一天都是新的,要好好珍惜。</li> <li>只有當下的時間才是真實的,下一秒都是虛幻的。</li> <li>分享的精神和互助的胸懷是進步的最大源動力。</li> </ul> <input type="button" id="bt" value="檢視效果"/> </body> </html>
使用removeChild可以刪除指定的子元素,具體參閱JavaScript removeChild()一章節。
相關文章
- 使用removeChild()函式動態刪除一個li元素REM函式
- javascript刪除元素節點removeChild()函式JavaScriptREM函式
- jQuery刪除指定li元素jQuery
- jQuery 刪除當前li元素jQuery
- JavaScript 刪除指定的li元素JavaScript
- jQuery刪除具有指定文字的li元素jQuery
- js刪除li元素程式碼例項JS
- javascript刪除具有指定文字內容的li元素JavaScript
- js刪除指定的li元素程式碼例項JS
- jquery刪除前n個li元素程式碼例項jQuery
- 建立元素和刪除元素
- jQuery刪除元素jQuery
- jQuery 刪除元素jQuery
- HashMap 之元素刪除HashMap
- JavaScript刪除陣列元素JavaScript陣列
- JavaScript 建立和刪除元素JavaScript
- jQuery刪除指定子元素jQuery
- c++ map刪除元素C++
- c++ vector刪除元素C++
- jquery獲取指定li元素後面的第n個li元素jQuery
- JavaScript 刪除陣列指定元素JavaScript陣列
- jQuery如何刪除元素節點jQuery
- JavaScript刪除array陣列元素JavaScript陣列
- 刪除零元素
- JavaScript 插入新li元素JavaScript
- STL.vector容器刪除單個元素、部分元素、全部元素
- js刪除執行元素下所有的子元素JS
- jquery如何在li元素列表的開頭新增一個新li元素jQuery
- JavaScript 刪除陣列重複元素JavaScript陣列
- JavaScript 動態新增與刪除元素JavaScript
- JavaScript 陣列新增或者刪除元素JavaScript陣列
- jQuery為元素新增和刪除classjQuery
- Remove Duplicate Letters 刪除重複元素REM
- JavaScript陣列刪除重複元素JavaScript陣列
- JavaScript刪除陣列中指定元素JavaScript陣列
- jQuery如何新增和刪除元素jQuery
- Java ArrayList刪除特定元素的方法Java
- 如何利用jquery在任意指定li元素後面插入新的li元素jQuery