javascript怎樣刪除div標簽

本篇內(nèi)容主要講解“javascript怎樣刪除div標簽”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“javascript怎樣刪除div標簽”吧!

javascript刪除div標簽的方法：使用【removeChild()】方法可從子節(jié)點列表中刪除某個節(jié)點，代碼為【_li.parentNode.removeChild(_li)】。

本教程操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版，DELL G3電腦。

javascript刪除div標簽的方法：

childNodes：返回包含被選節(jié)點的所有類型的子節(jié)點的 NodeList。 （注意：空格內(nèi)元素看作是文本，文本也是作為節(jié)點 #text）

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

例：

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

刪除整個<li>標簽

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

刪除整個<li>里面的<a>標簽，這個childNodes屬性個人感覺不好用，里面含有太多太雜子標簽了

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

到此，相信大家對“javascript怎樣刪除div標簽”有了更深的了解，不妨來實際操作一番吧！這里是億速云網(wǎng)站，更多相關內(nèi)容可以進入相關頻道進行查詢，關注我們，繼續(xù)學習！