這個(gè)知識(shí)點(diǎn)都是之前看過的,就當(dāng)是復(fù)習(xí)了

一、創(chuàng)建元素的三種方法

　　第一種:? document.write()

• • 識(shí)別標(biāo)簽
  • 但會(huì)覆蓋之前內(nèi)容

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

• • 不識(shí)別標(biāo)簽
  • 但可以不覆蓋之前內(nèi)容 ul.innerHTML += "<li></li>";

    ?

　　第三種:利用DOM自身api創(chuàng)建元素

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

二、刪除和替換

刪除 removeChild()? ? ?//直接傳入要?jiǎng)h除的子元素

替換 replaceChild()? ? //父元素調(diào)用,第一個(gè)參數(shù)是新元素.第二個(gè)參數(shù)是要被替換的元素

ul.replaceChild(li3,li2);

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

三、克隆

• node.cloneNode();? ? ?//被復(fù)制的節(jié)點(diǎn)來調(diào)用,參數(shù)是true時(shí),深層復(fù)制,包括里邊包含的其他子元素;參數(shù)是false,淺復(fù)制,只復(fù)制該元素本身

轉(zhuǎn)載于:https://www.cnblogs.com/missjingjing/p/8541872.html

總結(jié)

以上是生活随笔為你收集整理的DOM-动态操作心得的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。