createElement
createElement通过传入指定的一个标签名来创建一个元素,如果传入的标签名是一个未知的,则会创建一个自定义的标签,注意:IE8以下浏览器不支持自定义标签。
使用createElement要注意:通过createElement创建的元素并不属于HTML文档,它只是创建出来,并未添加到HTML文档中,要调用appendChild或insertBefore等方法将其添加到HTML文档树中。
let elem = document.createElement("div")elem.id = 'test'elem.style = 'color: red'elem.innerHTML = '我是新创建的节点'document.body.appendChild(elem)
createTextNode
createTextNode用来创建一个文本节点
let node = document.createTextNode("我是文本节点")
document.body.appendChild(node)
cloneNode
cloneNode返回调用该方法的节点的一个副本
ode 将要被克隆的节点dupNode 克隆生成的副本节点deep(可选)是否采用深度克隆,如果为true,则该节点的所有后代节点也都会被克隆,如果为false,则只克隆该节点本身.
这里有几点要注意:(1)和createElement一样,cloneNode创建的节点只是游离有HTML文档外的节点,要调用