私はjavascriptでコードを実装しようとしています。これは、コードの実行後に空になるようにdiv内のすべての子ノードを削除します。私はwhile
ループとこのdivに適用されたhasChildNodes()
メソッドを使用することを考えていましたが、ループの引数の中には、すべての子ノードを削除するまで各チェックでこのdivの最初の子を削除するコード行を挿入します。それはかなり面倒だと思います。何らかの方法でdiv内のすべての要素を取り除くより速い方法がありますか?javascriptを使用してコード行を実行した後、空になっているようにdiv内のすべての子ノードをワンショットで削除するにはどうすればよいですか?
0
A
答えて
3
Jqueryの$ .html()メソッド。そのような
:すべての子要素は、内部の '' に置き換えられます
$('#parent').html('');
。
または
$('div').children().each(function(index){
$(this).remove();
});
2
一つのオプションあなたは、道場をjQueryのようなライブラリを使用するか、子ノード上でSVGやイベントを使用していない場合:
var node = document.getElementById("foo");
node.innerHTML = "";
あなたは道場のようなライブラリを使用している場合、またはjQueryを使用すると、JavaScriptからの子ノードへの参照がクリアされないため、メモリリークが発生しないため、DOMノードは決して解放されません。
イベント登録、ノード参照などをリリースできるように、DOMをクリアするには常に適切なライブラリメソッドを使用してください。 jQuery:api.jquery.com/empty
1
子ノードとテキストでdivを消去する場合は、そのinnerHTMLを空のテキストに設定できます。
var target = document.getElementById("target");
setTimeout(function() {
target.innerHTML = "";
},3000);
The text below will disappear after three seconds.
<div id="target">
Some text.
<div>
Some text inside a child node.
</div>
</div>
関連する問題
- 1. JavaScriptを使用してテキストエリアの空白行を削除するにはどうすればよいですか?
- 2. JavaScriptを使用してHTMLで子ノードを削除するにはどうすればよいですか?
- 3. Divを使用してDivをdiv内に実装するにはどうすればよいですか?
- 4. リンクリスト内のすべてのノードを「完全に」削除するにはどうすればよいですか?
- 5. div要素をidを使ってjavascriptで削除するにはどうすればよいですか?
- 6. javascriptを使用してカッコ内の数字を削除するにはどうすればよいですか?
- 7. Swiftのボタンを使ってHTMLコードの行を実行するにはどうすればよいですか?
- 8. Houghによって検出された行を削除するにはどうすればよいですか?
- 9. ディレクトリ内で空のファイルをすべて削除するにはどうすればよいですか?
- 10. Postgresqlを使用して、テーブル内のすべての列の改行と改行を削除するにはどうすればよいですか?
- 11. Javaを使用してexcel(csv)シートの行を削除するにはどうすればよいですか?
- 12. Rのフィルタ機能を使用して行を削除するにはどうすればよいですか?
- 13. jqueryを使用してmysqlの行テーブルを削除するにはどうすればよいですか?
- 14. phpを使用してsqlの行を削除するにはどうすればよいですか?
- 15. Reactを使用してテーブルの行を削除するにはどうすればよいですか?
- 16. リソースルートを使用して1つの行を削除するにはどうすればよいですか?
- 17. htmlを使用して行内のボタンを使用してテーブルから行を削除するにはどうすればよいですか?
- 18. キーワードが一致した後にすべてを削除するにはどうすればよいですか?
- 19. サーバでV8を使用してサンドボックスモードでjavascriptを実行するにはどうすればよいですか?
- 20. PHPを使用してGoogleシートから行を削除するにはどうすればよいですか?
- 21. テストの実行後にすべてのテスト成果物を削除するようMSTestに指示するにはどうすればよいですか?
- 22. 前の行をチェックして削除したときに行チェックがスキップされないようにするにはどうすればよいですか?
- 23. jqueryを使用して最後の2つを除くすべてのクラスdivを削除するにはどうすればよいですか?
- 24. TextBoxに行を追加/削除しないようにするにはどうすればよいですか?
- 25. CUDAを使用してGPU上でMATLABコードを実行するにはどうすればよいですか?
- 26. Emacsを使用してMarklogicデータベースでxqueryコードを実行するにはどうすればよいですか?
- 27. Javascriptを使用してクライアントサイドのWebスクレイピングを実行するにはどうすればよいですか?
- 28. javascriptを使用してWebkitコンソールでデータを実行するにはどうすればよいですか?
- 29. JavaScriptでJSONPリクエストを使用してAjaxコールを実行するにはどうすればよいですか?
- 30. SQLを使用して重複行を削除するにはどうすればよいですか?
あなたはdiv要素内のテキストを維持するつもりですか?もしそうでなければ、 'div.innerHTML =" "'を設定することができます。 – Nisarg
素晴らしい!これはまさに私が探していた種類の答えでした。 divを空のままにしているだけの1行です。ありがとうございました。 –