createElement 創(chuàng)建節(jié)點(diǎn)

????????語(yǔ)法：element?document.createElement("tagName")

????????????????參數(shù)：tagName?標(biāo)簽名稱

????????????????返回值：創(chuàng)建好的節(jié)點(diǎn)

appendChild 添加節(jié)點(diǎn)

????????el.appendChild(node)??在元素的末尾添加一個(gè)子級(jí)

insertBefore 在舊節(jié)點(diǎn)前添加節(jié)點(diǎn)

????????el.insertBefore(newNode,oldNode)?在?oldNode?前邊添加入?newNode?

????????在使用?appendChild?和?insertBefore時(shí)，如果添加是一個(gè)頁(yè)面上已經(jīng)存在的節(jié)點(diǎn)，會(huì)先從原位置刪除，然后在添加到新的位置去。

replacChild替換節(jié)點(diǎn)

????????el.replacChild(newNode,oldNode)? ? ? ?返回值是替換掉的舊節(jié)點(diǎn)

removeChild?刪除子元素

????????parent.removeChild(el)?刪除掉某個(gè)子元素

????????.remove兼容性差點(diǎn)

cloneNode 克隆節(jié)點(diǎn)

????????node.cloneNode(deep)??????????-?deep:?默認(rèn)為false

????????????????-?deep?為?true,?克隆元素及屬性，以及元素的內(nèi)容和后代，深度克隆

????????????????-?deep?為?false,?只克隆元素本身，及它的屬性，淺克隆

createDocumentFragment 文檔碎片

? ??????innerHTML一次性添加，性能高