DOM 创建节点、添加节点和删除节点

创建元index.php/tags-41973.html" >���节点 document.createElement(‘标签名’)

创建文本节点document.createTextNode ( 内容 )

• 根据传入的标签名创建出一个空的元素对象
• 创建出来的默认不显示，要成为别人的子元素才能显示，所以要结合appendChild使用

• 添加节点（后面） 父元素.appendChild(子元素)

• 添加节点（前面） 父元素.insertBefore(添加的内容,添加到谁前面)

  添加节点（后面） 父元素.appendChild(子元素)hello world    let box = document.getElementById('box')    let nextBox = document.createElement('p')    let text = document.createTextNode("NEW BOX")    // nextBox.innerText = "NEW BOX"    box.appendChild(nextBox)    nextBox.appendChild(text)

  • 删除节点 父元素.removeChild (子元素)

    • 1
    • 2
    • 3
    • 4
    • 5
    let ul = document.querySelector('ul') let liList = document.querySelectorAll('li') ul.removeChild(liList[1])