ホームページ  >  記事  >  ウェブフロントエンド  >  js_javascript スキルで div 要素を動的に削除するための基本的な考え方と実装コード

js_javascript スキルで div 要素を動的に削除するための基本的な考え方と実装コード

WBOY
WBOYオリジナル
2016-05-16 16:49:211080ブラウズ

ユーザー検索を行う場合、検索結果を動的にロードして表示する必要があるため、これらの 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 までご連絡ください。