在實現如下功能的時候，當輸入為aj的時候需要將下面的列表刪除然后創建新的列表在將后臺的數據導入列表

但是在刪除列表的時候我寫了如下代碼：

　　function clearLi(){var content_ul = document.getElementById("moreword");var ul_childs = content_ul.childNodes;var len = ul_childs.length;for(var i = 0; i < len; i++){content_ul.removeChild(ul_childs[i]);}}

但是發現有點毛病:

看著這些數據，于是恍然大悟，應該是在刪除第一個node節點后，后面的節點會一一向前進一位（大概是這么個意思吧）所以為了證明我的想法我寫了如下代碼：

function clearLi(){var content_ul = document.getElementById("moreword");var ul_childs = content_ul.childNodes;var len = ul_childs.length;for(var i = 0; i < len; i++){content_ul.removeChild(ul_childs[0]);}}

效果如下：

一下子就好了，所以我的想法沒得錯誤。

解決方案：　　1.　只刪除第一個node節點；

　　　　　　 ??2.　在刪除節點的時候，可以從最后一個開始遍歷刪除。代碼如下：

function clearLi(){var content_ul = document.getElementById("moreword");var ul_childs = content_ul.childNodes;var len = ul_childs.length;for(var i = len-1; i >= 0; i--){content_ul.removeChild(ul_childs[i]);}}

?

轉載于:https://www.cnblogs.com/tqt--0812/p/6884480.html

總結

以上是生活随笔為你收集整理的搜索框提示列表问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。