快捷導(dǎo)航

js使用removeChild方法動(dòng)態(tài)刪除div元素

更新時(shí)間：2014年08月01日 15:32:44 投稿：whsnow

本節(jié)為大家介紹了js使用removeChild方法動(dòng)態(tài)刪除div元素,需要的朋友可以參考下

在做用戶查找時(shí) 因?yàn)橐巡檎业慕Y(jié)果動(dòng)態(tài)加載和顯示，所以，那些html元素要由Ajax動(dòng)態(tài)生成。用戶打開查找界面時(shí)，有系統(tǒng)推薦的用戶，而當(dāng)用戶按條件查找后，查找的結(jié)果動(dòng)態(tài)加載和顯示。所以考慮到用js來搞。這個(gè)for循環(huán)就是移除已有的表單。然后根據(jù)Ajax請(qǐng)求過來的數(shù)據(jù)，動(dòng)態(tài)生成新的表單對(duì)象。一定要注意j變量從大往小循環(huán)，否則，刪除div元素后會(huì)引起serchResultLenth=serchResult.children.length;長(zhǎng)度的變化（這個(gè)問題摸索了好久，才搞定，切記）

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

您可能感興趣的文章:

removeChild

相關(guān)文章

JavaScript實(shí)現(xiàn)異步圖像上傳功能
這篇文章主要介紹了JavaScript實(shí)現(xiàn)異步圖像上傳功能,本文展示了一種使用代碼示例立即顯示圖像的方法(使用圖像的Base64編碼版本)，同時(shí)將其上載到服務(wù)器，而無需等待操作完成。需要的朋友可以參考下
2018-07-07
彈出窗口并且此窗口帶有半透明的遮罩層效果
這篇文章主要介紹了如何點(diǎn)擊一個(gè)按鈕實(shí)現(xiàn)彈出一個(gè)居中窗口，并且此窗口帶有半透明的遮罩層效果,需要的朋友可以參考下
2014-03-03
原生js實(shí)現(xiàn)查詢天氣小應(yīng)用
這篇文章主要為大家詳細(xì)介紹了原生js實(shí)現(xiàn)查詢天氣的小應(yīng)用,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-12-12
javaScript 計(jì)算兩個(gè)日期的天數(shù)相差(示例代碼)
本篇文章主要介紹了javaScript 計(jì)算兩個(gè)日期的天數(shù)相差(示例代碼) 需要的朋友可以過來參考下，希望對(duì)大家有所幫助
2013-12-12
JavaScript事件 "事件對(duì)象"的注意要點(diǎn)
這篇文章主要介紹了JavaScript事件,告訴大家"事件對(duì)象"的注意要點(diǎn)，感興趣的小伙伴們可以參考一下
2016-01-01
JS基于VML技術(shù)實(shí)現(xiàn)的五角星禮花效果代碼
這篇文章主要介紹了JS基于VML技術(shù)實(shí)現(xiàn)的五角星禮花效果代碼,涉及JavaScript數(shù)學(xué)運(yùn)算與頁(yè)面元素動(dòng)態(tài)操作的相關(guān)技巧,需要的朋友可以參考下
2015-10-10
JavaScript Canvas實(shí)現(xiàn)驗(yàn)證碼
這篇文章主要為大家詳細(xì)介紹了JavaScript Canvas實(shí)現(xiàn)驗(yàn)證碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2018-08-08
加載遠(yuǎn)程圖片時(shí),經(jīng)常因?yàn)榫彺娑貌坏礁碌慕鉀Q方法(分享)
本篇文章是對(duì)加載遠(yuǎn)程圖片時(shí),經(jīng)常因?yàn)榫彺娑貌坏礁碌慕鉀Q方法進(jìn)行了詳細(xì)的分析介紹，需要的朋友參考下
2013-06-06
JS控制彈出懸浮窗口(一覽畫面)的實(shí)例代碼
這篇文章主要介紹了JS控制彈出懸浮窗口(一覽畫面)的實(shí)例代碼的相關(guān)資料,非常不錯(cuò)具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-05-05
網(wǎng)站頁(yè)面自動(dòng)跳轉(zhuǎn)實(shí)現(xiàn)方法PHP、JSP（下）
很多時(shí)候我們需要Web頁(yè)具備有自動(dòng)跳轉(zhuǎn)功能，例如，論壇中的用戶登錄、發(fā)帖及回復(fù)或留言簿中的留言和回復(fù)等操作成功后，若用戶沒有任何鼠標(biāo)點(diǎn)擊操作，過了一定的時(shí)間，頁(yè)面自動(dòng)跳轉(zhuǎn)到預(yù)設(shè)的頁(yè)面。
2010-08-08