1. 首頁 > 生活百科 > >

JavaScript實現DOM刪除節點？JS刪除DOM節點示例

小知識

       本經驗是介紹JavaScript說話中 ， 利用removeChild() 函數刪除節點的詳解 。

需要這些哦
電腦
文本編纂器
JS函數介紹1removeChild() 函數的介紹如下圖：

JavaScript實現DOM刪除節點？JS刪除DOM節點示例



2removeChild() 函數的語法如下圖：

JavaScript實現DOM刪除節點？JS刪除DOM節點示例



3removeChild() 函數語法參數申明：

JavaScript實現DOM刪除節點？JS刪除DOM節點示例



函數應用示例1removeChild() 函數的實現代碼：
//刪除函數
function removeDom(){
   var deldom=document.getElementById('removedom');
   if(deldom.hasChildNodes()){
        deldom.removeChild(deldom.lastChild);
       } 
   }

JavaScript實現DOM刪除節點？JS刪除DOM節點示例



2實現函數的挪用代碼如下：
 <body>
    <h1>刪除節點</h1>
    <div id="removedom">
       <p>節點一</p>
       <p>節點二</p>
    </div>
    <form>
       <input type="button" value=https://vvvtt.com/article/"刪除操作" onclick="removeDom();"/>
</form>
</body>

JavaScript實現DOM刪除節點？JS刪除DOM節點示例



3示例的完整代碼：
<!doctype html>
<html>
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus?">
  <title>removeChild方式示例</title>
<script language="javascript">
//刪除函數
function removeDom(){
   var deldom=document.getElementById('removedom');
   if(deldom.hasChildNodes()){
        deldom.removeChild(deldom.lastChild);
       } 
   }
</script>
 </head>
 <body>
    <h1>刪除節點</h1>
    <div id="removedom">
       <p>節點一</p>
       <p>節點二</p>
    </div>
    <form>
       <input type="button" value=https://vvvtt.com/article/"刪除操作" onclick="removeDom();"/>
</form>
</body>
</html>
【JavaScript實現DOM刪除節點？JS刪除DOM節點示例】示例利用結果：

JavaScript實現DOM刪除節點？JS刪除DOM節點示例



JavaScript實現DOM刪除節點？JS刪除DOM節點示例


猜你喜歡