原生javascript如何刪除一個元素節點物件
本章節介紹一下如何刪除一個指定的元素節點,希望能夠給需要的朋友帶幫助。
比較簡單,直接看程式碼:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script type="text/javascript"> window.onload=function(){ var odiv=document.getElementById("thediv"); var obt=document.getElementById("bt"); var ospan=document.getElementsByTagName("span")[0]; obt.onclick=function(){ odiv.removeChild(ospan); } } </script> </head> <body> <div id="thediv"> <span>螞蟻部落</span> </div> <input type="button" id="bt" value="刪除元素"/> </body> </html>
具體可以參閱javascript removeChild()函式用法詳解一章節。
相關文章
- jQuery如何刪除元素節點jQuery
- javascript刪除元素節點removeChild()函式JavaScriptREM函式
- JavaScript刪除元素節點程式碼例項JavaScript
- 利用jQuery如何刪除一個節點jQuery
- JavaScript點選按鈕刪除一個div元素JavaScript
- 使用jQuery刪除一個元素節點程式碼例項jQuery
- JavaScript刪除節點自身JavaScript
- javascript如何建立一個屬性節點物件JavaScript物件
- JavaScript刪除陣列第一個元素JavaScript陣列
- JavaScript 獲取下一個元素節點JavaScript
- JavaScript刪除陣列最後一個元素JavaScript陣列
- JavaScript 刪除陣列最後一個元素JavaScript陣列
- javascript如何實現複製克隆一個dom元素節點JavaScript
- 原生js刪除節點程式碼例項JS
- JavaScript點選按鈕刪除div元素JavaScript
- js刪除父元素下所有的元素節點程式碼JS
- js如何克隆一個節點物件JS物件
- JavaScript獲取下一個同級元素節點JavaScript
- javascript如何動態新增和刪除元素JavaScript
- javascript如何建立一個文字節點JavaScript
- jQuery如何複製克隆一個元素節點jQuery
- JavaScript刪除陣列元素JavaScript陣列
- JavaScript 建立和刪除元素JavaScript
- 原生js實現的獲取當前元素的上一個元素節點JS
- jquery如何新增一個新的元素節點jQuery
- JavaScript 刪除陣列指定元素JavaScript陣列
- JavaScript 刪除指定的li元素JavaScript
- JavaScript刪除array陣列元素JavaScript陣列
- Oracle Rac 刪除節點Oracle
- JavaScript獲取父元素下子元素節點JavaScript
- JavaScript 拼接多個陣列並刪除重複元素JavaScript陣列
- JavaScript 刪除陣列重複元素JavaScript陣列
- JavaScript 動態新增與刪除元素JavaScript
- JavaScript 陣列新增或者刪除元素JavaScript陣列
- JavaScript陣列刪除重複元素JavaScript陣列
- JavaScript刪除陣列中指定元素JavaScript陣列
- javascript如何動態刪除或者新增物件屬性JavaScript物件
- 刪除alwayson主節點一個表的統計資訊導致一個輔助節點的同步延遲