dom刪除節(jié)點

dom刪除節(jié)點

一般格式

node.removeChild(node)

也就是先找到節(jié)點,可以用byID,byClassName等。之后再利用removeChild()方法。

舉個例子

<!DOCTYPE html>
<html>
<body>

<ul id="myList"><li>Coffee</li><li>Tea</li><li>Milk</li></ul>

<p id="demo">點擊按鈕來刪除列表中的首個項目。</p>

<button onclick="myFunction()">試一下</button>

<script>
function myFunction()
{
var list=document.getElementById("myList");
list.removeChild(list.childNodes[1]);}
</script>

</body>
</html>

其中
list=document.getElementById("myList")獲得節(jié)點并儲存在一個變量中。

list.removeChild(list.childNodes[1])移除節(jié)點。list.childNodes[1]是其參數(shù)。由于childNodes不只一個,因此要用索引表面刪除的是哪一個節(jié)點。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容

  • 常用事件 1.事件添加方式及onclick事件 a.事件直接加在HTML元素上 請點擊該文本 b.事件通過JS添加...
    子約nan閱讀 895評論 0 0
  • 本篇是基于《JavaScript高級程序設(shè)計(第3版)》DOM相關(guān)章節(jié)做的整理與歸納,概述了DOM的常見節(jié)點類型及...
    查查查查查查克閱讀 2,555評論 2 7
  • 本章內(nèi)容 理解包含不同層次節(jié)點的 DOM 使用不同的節(jié)點類型 克服瀏覽器兼容性問題及各種陷阱 DOM 是針對 HT...
    悶油瓶小張閱讀 658評論 0 1
  • 一、JS前言 (1)認識JS 也許你已經(jīng)了解HTML標記(也稱為結(jié)構(gòu)),知道了CSS樣式(也稱為表示),會使用HT...
    凜0_0閱讀 2,790評論 0 8
  • [今日話題]三 《木偶奇遇記》10——16章 1.匹諾曹逃學(xué)后的第一次歷險:差一點被木偶戲班班主燒掉。他后悔自己逃...
    逯素娟閱讀 217評論 0 0