DOM Samples /Core
掲載日： 2004年 08月 18日
DOM Samples /Core Node/appendChild()
JavaScript Samples
Dom編
Dom編
appendChild()
ノードを追加する。引数newChild を子ノードの末尾に追加する。newChild が既に
ノードツリー内にある場合には、まずそれが取り除かれる。
/Core/Node
oj.appendChild( newChild )
| newChild | 追加される子ノード |
追加されたノード
| HIERARCHY_REQUEST_ERR | このノードが子ノードとして許容しない種類のノードを引数 newChild で指定した場合や、ノードの先祖ノードに newChild と同じ種類のノードが含まれている場合に発生 |
| WRONG_DOCUMENT_ERR | 引数 newChild がこのノードと異なるドキュメントで作成された場合に発生 |
| NOT_FOUND_ERR | newChild がこのノードの子でない場合に発生 |
| NOT_SUPPORTED_ERR | 実装が、要求されたオブジェクトの型をサポートしない場合に発生。newChildノードが Documentノードの子供であり、DOM実装が DocumentType Child か Element Childのremoveをサポートしないなら、この例外が発生するかもしれない。 [ DOM3で追加 ] |
もし、引数newChildが DocumentFragmentオブジェクトなら、document fragmentの内容全体が子ノードリストへ追加されます。
動作ブラウザ
動作ブラウザ表の凡例 Win n7 -- Netscape Navogator 7.x m1 -- Mozilla1.x (Mozilla,FireFox) e6 -- Internet Explorer 6.x o7 -- Opera 7.x Mac n7 -- Netscape Navogator 7.x m1 -- Mozilla1.x e5 -- Internet Explorer 5.0 または 5.1 s1 -- Safari Linux n7 -- Netscape Navogator 7.x m1 -- Mozilla1.x k3 -- Konqueror 3.x
| win | mac | linux | ||||||||
| n7 | m1 | e6 | o7 | n7 | m1 | e5 | s1 | n7 | m1 | k3 |
| ○ | ○ | ○ | ○ | ○ | ○ | ○ | ○ | ○ | ○ | ○ |
下記の文字に触ってください
このノードへ追加します。
下記の文字に触ってください
<div onmouseover="
this.appendChild(
document.createTextNode('追加')
)">
このノードへ追加します。
</div>
document.createTextNode('追加')で「追加」という文字ノードを生成し、それをthisで示されるDIVノードの末尾へ追加します。
これは、下記のように書いても同じです。
下記の文字に触ってください
<div onmouseover="
newNode = document.createTextNode('追加')
this.appendChild( newNode )">
このノードへ追加します。
</div>
ちなみに、引数newChildは末尾に追加されるわけですから、lastChildでアクセスできます。
