DOM節點刪除之empty和remove

2022-08-14 07:24:13 字數 587 閱讀 4977

dom節點刪除之empty和remove

剛學了新知識,雖然是乙個小知識點,但還是忍不住想和大家分享。

.empty()是指對該節點後代的刪除,結果是清空該節點(該節點裡面已無元素)。

.remove()是指刪除該節點,結果是刪除該節點(該節點及其後代元素都將不存在)。

下面放**來說明。

通過empty刪除節點

通過remove刪除節點

元素1元素2

元素3元素4

點選執行後,出現以下畫面。

點選button1,將執行.empty()指令,預期將刪除test1子節點元素。結果如下。

再點選button2,將執行.remove()指令。預期將刪除test2及其後代子節點元素。結果如下。

以上就是dom節點刪除之empty和remove的區別,第一次寫部落格,不好請諒解。

更新刪除DOM節點(重要)

更新節點 屬性用字串包 id1.innertext 123 修改文字值 id1.innerhtml 123 可以解析html文字標籤,加粗 id1.style.color red 可以操作css id1.style.fontsize 39px fontsize駝峰命名 1 doctype html ...

DOM節點刪除之保留資料的刪除操作detach

如果我們希望臨時刪除頁面上的節點,但是又不希望節點上的資料與事件丟失,並且能在下乙個時間段讓這個刪除的節點顯示到頁面,這時候就可以使用detach方法來處理 p p元素1,預設給繫結乙個點選事件 p p p元素2,預設給繫結乙個點選事件 p button id bt1 點選刪除 p 元素 butto...

3 2 4 jQuery的DOM操作之刪除節點

如果文件中某乙個元素多餘,那麼應將其刪除。jquery提供了兩種刪除節點的方法,remove 方法和empty 方法。1.remove 你最喜歡的水果是?橘子香蕉 當某個節點用remove方法刪除後,該節點所包含的所有後代節點將同時被刪除。這個方法的返回值是乙個指向已被刪除的節點的引用。另外remo...