JavaScript 刪除指定的li元素
本文通過程式碼實力介紹一下如何刪除指定的li元素。
程式碼如下:
[HTML] 純文字檢視 複製程式碼執行程式碼<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="https://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> ul li{ width:200px; height:20px; line-height:30px; list-style:none; font-size:12px; } </style> <script> window.onload=function(){ var oul=document.getElementsByTagName("ul")[0]; var lis=oul.getElementsByTagName("li"); var obt=document.getElementById("bt"); obt.onclick=function(){ oul.removeChild(lis[1]); } } </script> </head> <body> <ul> <li>螞蟻部落歡迎您</li> <li>只有努力奮鬥才會有美好的明天。</li> <li>沒有人一開始就是高手。</li> <li>分享互助是進步的最大源動力。</li> </ul> <input type="button" value="點選刪除" id="bt"/> </body> </html>
程式碼非常簡單,更多內容參閱JavaScript removeChild()一章節。
相關文章
- jQuery刪除指定li元素jQuery
- javascript刪除具有指定文字內容的li元素JavaScript
- jQuery刪除具有指定文字的li元素jQuery
- js刪除指定的li元素程式碼例項JS
- JavaScript 刪除陣列指定元素JavaScript陣列
- removeChild()刪除li元素REM
- JavaScript刪除陣列中指定元素JavaScript陣列
- jQuery 刪除當前li元素jQuery
- javascript刪除指定子元素程式碼例項JavaScript
- jQuery刪除指定子元素jQuery
- js刪除li元素程式碼例項JS
- css匹配指定索引的li元素CSS索引
- Array · 刪除陣列中指定的元素陣列
- js刪除陣列指定索引的元素JS陣列索引
- jQuery複製指定li元素jQuery
- 刪除元素的指定的class樣式類
- jquery獲取指定li元素後面的第n個li元素jQuery
- JavaScript刪除字串中的指定字元JavaScript字串字元
- jQuery 移除ul下指定的li元素jQuery
- JavaScript刪除陣列元素JavaScript陣列
- JavaScript 建立和刪除元素JavaScript
- js刪除陣列元素中的指定值JS陣列
- jquery為指定的元素新增或者刪除指定樣式類jQuery
- JavaScript刪除table表格指定行JavaScript
- 如何利用jquery在任意指定li元素後面插入新的li元素jQuery
- jquery刪除指定元素程式碼例項jQuery
- 使用removeChild()函式動態刪除一個li元素REM函式
- jquery刪除前n個li元素程式碼例項jQuery
- JavaScript 插入新li元素JavaScript
- JavaScript刪除array陣列元素JavaScript陣列
- JavaScript刪除字串中所有指定字元JavaScript字串字元
- JavaScript 刪除字串中所有指定字元JavaScript字串字元
- javascript刪除陣列元素的程式碼JavaScript陣列
- jquery刪除指定子元素程式碼例項jQuery
- 利用jQuery如何遍歷指定的li元素集合jQuery
- 刪除陣列中的指定元素例項程式碼陣列
- JavaScript動態新增li元素JavaScript
- JavaScript 刪除陣列重複元素JavaScript陣列