如何新增一個li節點
本篇文章咱們來說說JavaScript的“增刪改查”，增刪改查無論是哪門程式語言都是重點的東西，學習一門程式語言首要就是學習其思想以及流程，下面的思維導圖就是本篇的主要內容，下面我們就看看JavaScrpt的增刪改查都有哪些吧
建立與新增元素
createElement（e） & appendChild（e）
createElement（）方法是建立元素，而appendChild（）是在子節點後新增元素，首先在網頁文件中建立一個文字輸入和一個按鈕，當輸入文字並點選按鈕後文本中的內容按照列表的形式進行新增。
HTML內容
文件中建立一個文字輸入和一個按鈕，並新增元素ul列表，不新增li元素
然後使用js獲取按鈕以及ul的節點，由於是點選按鈕新增，這個過程需要新增點選事件，當點選新增按鈕的時候，建立元素li，並把元素li新增到ul下的子節點
插入元素
insertBefore（e，beforeE）
上述在新增元素的過程可以發現，後新增的都會在後面展示，而不能排列在前面，一些網站上的最新的資訊都是排列在前面的，我們該如何解決這個問題？
首先在上面的基礎上，判斷ul子元素中是否有li元素，當li個數為0的時候直接使用appendChild（）新增元素，當li元素大於的時候，我們使用insertChild（）方法在第一個li元素前進行新增
刪除元素
removeChild（e）
刪除元素使用removeChild（），根據方法名字可以知道是刪除子節點下的元素，具體如下，刪除ul下的li元素，首先HTML文件建立li元素並巢狀a標籤。
然後再js獲取ul和a標籤，使用for迴圈遍歷新增點選事件，當點選a標籤的時候，使用removeChild（）方法刪除點選的元素的父節點
文件碎片
createDocumentFragment（）
文件碎片就是在創作元素打包的過程，在建立多個元素的時候，如果一個一個的建立並新增到網頁會影響載入的效率，使用文件碎片就可以建立多個元素，將建立的所有元素一起新增到網頁，下面是一個將多個元素使用文件碎片載入網頁的程式碼
總結
本篇文章詳細介紹了元素的新增、插入和刪除的操作，還附有相關的小案例，並且說明了碎片文件以及優點，歡迎大家閱讀我的文章，感謝大家一直的關注