スポンサーリンク

JavaScriptでDOMからchild nodeを消す方法。

シンタックス
oldChild = element.removeChild (child)
  • child は、DOMから消す 子ノードです。
  • elementはchildの親ノードです。
  • oldChildは、消した子ノードへのリファレンスを保持しています。oldChild == child です。
子ノードの削除は、メモリの中にまだありますが、DOMの部分は長くありません。あなたがあなたのコードで後に消した子ノードを再利用するときは、oldChildオブジェクトリファレンスを通して行います。

もし、childが実際にelementノードのchildでないなら、このメソッドは例外をthrowします。



resultの子ノードを削除します。

<div id="top">
	<div>1. item A</div>
	<div>2. item B</div>
	<div>3. item C</div>
</div>

消したい子ノードの親のエレメントをwhileでぐるぐる回して removeChildで子ノードを削除します。

var element = document.getElementById("top");
while(element.firstChild){
	element.removeChild(element.firstChild);
}

例外を出させてみる

id a が子ノードがないので、例外が発生します。
<div id="a">
</div>
<script langauge="javascript">
var e = document.getElementById('a');
try {
	while(e.firstChild) {
		e.removeChild(e.firstChild);
	}
}
catch(e) {
	document.write(e);
}
</script>

firefoxだと

TypeError: e has no properties

IEだと

[object Error]

と表示されました。



スポンサーリンク
スポンサーリンク
 
いつもシェア、ありがとうございます!


もっと情報を探しませんか?

関連記事

最近の記事

人気のページ

スポンサーリンク
 

過去ログ

2020 : 01 02 03 04 05 06 07 08 09 10 11 12
2019 : 01 02 03 04 05 06 07 08 09 10 11 12
2018 : 01 02 03 04 05 06 07 08 09 10 11 12
2017 : 01 02 03 04 05 06 07 08 09 10 11 12
2016 : 01 02 03 04 05 06 07 08 09 10 11 12
2015 : 01 02 03 04 05 06 07 08 09 10 11 12
2014 : 01 02 03 04 05 06 07 08 09 10 11 12
2013 : 01 02 03 04 05 06 07 08 09 10 11 12
2012 : 01 02 03 04 05 06 07 08 09 10 11 12
2011 : 01 02 03 04 05 06 07 08 09 10 11 12
2010 : 01 02 03 04 05 06 07 08 09 10 11 12
2009 : 01 02 03 04 05 06 07 08 09 10 11 12
2008 : 01 02 03 04 05 06 07 08 09 10 11 12
2007 : 01 02 03 04 05 06 07 08 09 10 11 12
2006 : 01 02 03 04 05 06 07 08 09 10 11 12
2005 : 01 02 03 04 05 06 07 08 09 10 11 12
2004 : 01 02 03 04 05 06 07 08 09 10 11 12
2003 : 01 02 03 04 05 06 07 08 09 10 11 12

サイト

Vim入門

C言語入門

C++入門

JavaScript/Node.js入門

Python入門

FreeBSD入門

Ubuntu入門

セキュリティ入門

パソコン自作入門

ブログ

トップ


プライバシーポリシー