トップページ / 子要素の内容を書き換える

子要素の内容を書き換える

スポンサードリンク

element.childNodesを使う bookmark

element.childNodesによって、子ノードのリストを簡単に取得でき、それを元に子ノードを操作することが可能です。子ノードといっても、普通のHTML要素と変わらないので、スタイルを設定したり、内容を書き換えたりすることが出来ます。

コードを見てみよう bookmark

コードの解説 bookmark

element.childNodesによって子ノードリストを取得し、childs[0]のように、配列の1番目を子の1番目として取得しinnerHTMLを書き換えることで要素内テキストを書き換えています。

次のページ:子要素を削除 (JavaScript応用編&TIPS)

スポンサードリンク