• 新增/插入节点
    • 获取子元素列表,获取父元素 ```javascript // 插入节点 const div1 = document.getElementById(‘div1’)

    // 新增节点 const p1 = document.createElement(‘p’) p1.innerHTML = ‘this is p1’ // 插入节点 div1.appendChild(p1) // 将p1插入到div1

    1. ```javascript
    2. // 移动节点
    3. <div id = 'div1'>
    4. <p id = "p2"></p>
    5. </div>
    6. <div id = 'div2'></div>
    7. const div2 = document.getElementById('div1')
    8. const p2 = document.getElementById('p2')
    9. div2.appendChild(p2)
    // 获取父元素
    console.log(p1.parentNode)
    
    // 获取子元素列表
    console.log(div1.childNodes)
    
    // 删除子元素
    div1.removeChild(div1.childNodes)