javascript如何刪除div標籤-js教程-PHP中文網

javascript如何刪除div標籤

coldplay.xixi

發布： 2023-01-04 09:35:43

原創

8165 人瀏覽過

javascript刪除div標籤的方法：使用【removeChild()】方法可從子節點清單中刪除某個節點，程式碼為【_li.parentNode.removeChild(_li)】。

javascript如何刪除div標籤

本教學操作環境：windows7系統、javascript1.8.5版，DELL G3電腦。

javascript刪除div標籤的方法：

childNodes：傳回包含被選取節點的所有類型的子節點的 NodeList。（注意：空格內元素看作是文本，文本也是作為節點 #text）

removeChild() ：方法可從子節點列表中刪除某個節點。如刪除成功，此方法可傳回已刪除的節點，如失敗，則傳回 NULL。

範例：

                             <li id="_li">
                                    <a href="#">
                                        <h4 align="center">hh</h4>
                                    </a>
                                    <div class="xx">
                                        <div id="a">
                                            <p>姓名:</p>
                                            <p>年龄:</p>
                                        </div>
                                    </div>
                                </li>

登入後複製

刪除整個

標籤

                             var _li=document.getElementById("_li");
                            _li.parentNode.removeChild(_li);//删除整个li

登入後複製

刪除整個

裡面的標籤，這個childNodes屬性個人感覺不好使用，裡面含有太多太雜子標籤了

                             var _li=document.getElementById("_li");
                            _li.removeChild(_li.childNodes[1]);

登入後複製

相關免費學習推薦：javascript影片教學

以上是javascript如何刪除div標籤的詳細內容。更多資訊請關注PHP中文網其他相關文章！