首頁 >web前端 >js教程 >js動態刪除div元素基本想法及實作程式碼_javascript技巧

js動態刪除div元素基本想法及實作程式碼_javascript技巧

WBOY
WBOY原創
2016-05-16 16:49:211134瀏覽

在做使用者查找時 因為要把查找的結果動態載入和顯示,所以,那些html元素要由Ajax動態產生。用戶打開查找介面時,有系統推薦的用戶,而當用戶按條件查找後,查找的結果動態載入和顯示。所以考慮到用js來搞。 這個for迴圈就是移除已有的表單。然後根據Ajax請求過來的數據,動態產生新的表單物件。一定要注意j變數從大往小循環,否則,刪除div元素後會引起serchResultLenth=serchResult.children.length;長度的變化(這個問題摸索了好久,才搞定,切記)

複製程式碼 程式碼如下:

for(var j=serchResultLenth-1;j>=0;j--){
var serchChild=document.getElementById(serchResult.children[j].id);
serchResult.removeChild(serchChild);
}

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn