ChildNode 인터페이스는 부모를 가질 수 있는 Node 객체에 고유한 메소드를 포함합니다.
ChildNode는 원시 인터페이스이며 이 타입의 객체는 생성할 수 없습니다. 이는 Element, DocumentType 및 CharacterData 객체로 구현되었습니다.
프로퍼티
상속 및 특정 프로퍼티가 없습니다.
메소드
상속된 메소드가 없습니다.
ChildNode.remove()ChildNode를 부모의 자식 목록으로부터 제거합니다.ChildNode.before()Node또는DOMString객체의 집합을 부모의 자식 목록에서ChildNode의 바로 앞에 삽입합니다.DOMString객체는Text노드와 동일하게 삽입됩니다.ChildNode.after()Node또는DOMString객체의 집합을 부모의 자식 목록에서ChildNode의 바로 뒤에 삽입합니다.DOMString객체는Text노드와 동일하게 삽입됩니다.ChildNode.replaceWith()- 부모의 자식 목록에 있는
ChildNode를Node또는DOMString객체의 집합으로 대체합니다.DOMString객체는Text노드와 동일하게 삽입됩니다.
명세
| 명세 | 상태 | 코멘트 |
|---|---|---|
| DOM The definition of 'ChildNode' in that specification. |
Living Standard | ElementTraversal 인터페이스를 ParentNode와 ChildNode로 분리합니다. previousElementSibling과 nextElementSibling은 이제 마지막에 정의됩니다. CharacterData와 DocumentType은 새 인터페이스를 구현했습니다. remove(), before(), after() 및 replaceWith() 메소드가 추가되었습니다. |
| Element Traversal Specification The definition of 'ElementTraversal' in that specification. |
Obsolete | 프로퍼티의 초기 정의가 ElementTraversal 순수 인터페이스에 추가되었고 Element에서 사용합니다. |
폴리필
github의 외부 코드: childNode.js
브라우저 호환성
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Update compatibility data on GitHub
| Desktop | Mobile | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
ChildNode | Chrome Full support 1 | Edge Full support Yes | Firefox Full support 23 | IE Full support 9 | Opera Full support 10 | Safari Full support 4 | WebView Android Full support Yes | Chrome Android Full support Yes | Edge Mobile Full support Yes | Firefox Android Full support 23 | Opera Android Full support 10.1 | Safari iOS Full support Yes | Samsung Internet Android Full support Yes |
after | Chrome Full support 54 | Edge Full support 17 | Firefox Full support 49 | IE No support No | Opera Full support 39 | Safari No support No | WebView Android Full support 54 | Chrome Android Full support 54 | Edge Mobile No support No | Firefox Android Full support 49 | Opera Android Full support 41 | Safari iOS No support No | Samsung Internet Android Full support 6.0 |
before | Chrome Full support 54 | Edge Full support 17 | Firefox Full support 49 | IE No support No | Opera Full support 39 | Safari No support No | WebView Android Full support 54 | Chrome Android Full support 54 | Edge Mobile No support No | Firefox Android Full support 49 | Opera Android Full support 41 | Safari iOS No support No | Samsung Internet Android Full support 6.0 |
remove | Chrome Full support 23 | Edge Full support 12 | Firefox Full support 23 | IE No support No | Opera Full support 15 | Safari Full support 7 | WebView Android Full support Yes | Chrome Android Full support Yes | Edge Mobile Full support Yes | Firefox Android Full support 23 | Opera Android Full support 14 | Safari iOS Full support 7 | Samsung Internet Android Full support Yes |
replaceWith | Chrome Full support 54 | Edge Full support 17 | Firefox Full support 49 | IE No support No | Opera Full support 39 | Safari Full support Yes | WebView Android Full support 54 | Chrome Android Full support 54 | Edge Mobile No support No | Firefox Android Full support 49 | Opera Android Full support 41 | Safari iOS Full support Yes | Samsung Internet Android Full support 6.0 |
Legend
- Full support
- Full support
- No support
- No support
- Experimental. Expect behavior to change in the future.
- Experimental. Expect behavior to change in the future.
참고
ParentNode순수 인터페이스.