DOM-動態操作心得

這個知識點都是之前看過的,就當是復習了

一、創建元素的三種方法

　　第一種:? document.write()

• • 識別標簽
  • 但會覆蓋之前內容

　　第二種:? 用元素自身的innerHTML方法

• • 不識別標簽
  • 但可以不覆蓋之前內容

    ul.innerHTML += "<li></li>";

    ?

　　第三種:利用DOM自身api創建元素

• • 先var newLi = document.createElement("li")　　***()內傳入的參數只寫標簽名字即可,不要寫格式<li></li>***
  • newLi.innerHTML = "我是document.createElement方法創建的";
  • ul.appendChild(newLi);　　//添加到ul中??***appendChild()是在父元素的最后面添加新創建的元素***
  • 還可以用ul.innerinsertBefore(newLi,2);　　//***insertBefore()方法的第二個參數是獲取到的指定節點,在該節點之前添加新創建的元素***

二、刪除和替換

1. 刪除 removeChild()? ? ?//直接傳入要刪除的子元素
2. 替換 replaceChild()? ? //父元素調用,第一個參數是新元素.第二個參數是要被替換的元素

ul.replaceChild(li3,li2);

替換方法,很少用,完全可以用刪除再添加替代

三、克隆

• node.cloneNode();? ? ?//被復制的節點來調用,參數是true時,深層復制,包括里邊包含的其他子元素;參數是false,淺復制,只復制該元素本身