创建元素节点 document.createElement(‘标签名’)

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

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

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

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

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

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

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