創建元素節點 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])