ChildNode 인터페이스는 부모를 가질 수 있는 Node 객체에 고유한 메소드를 포함합니다.

ChildNode는 원시 인터페이스이며 이 타입의 객체는 생성할 수 없습니다. 이는 Element, DocumentTypeCharacterData 객체로 구현되었습니다.

프로퍼티

상속 및 특정 프로퍼티가 없습니다.

메소드

상속된 메소드가 없습니다.

ChildNode.remove()
ChildNode를 부모의 자식 목록으로부터 제거합니다.
ChildNode.before()
Node 또는 DOMString 객체의 집합을 부모의 자식 목록에서 ChildNode의 바로 앞에 삽입합니다. DOMString 객체는 Text 노드와 동일하게 삽입됩니다.
ChildNode.after()
Node 또는 DOMString 객체의 집합을 부모의 자식 목록에서 ChildNode의 바로 뒤에 삽입합니다. DOMString 객체는 Text 노드와 동일하게 삽입됩니다.
ChildNode.replaceWith()
부모의 자식 목록에 있는 ChildNodeNode 또는 DOMString 객체의 집합으로 대체합니다.DOMString 객체는 Text 노드와 동일하게 삽입됩니다.

명세

명세 상태 코멘트
DOM
The definition of 'ChildNode' in that specification.
Living Standard ElementTraversal 인터페이스를 ParentNodeChildNode로 분리합니다. previousElementSiblingnextElementSibling은 이제 마지막에 정의됩니다. CharacterDataDocumentType은 새 인터페이스를 구현했습니다. remove(), before(), after()replaceWith() 메소드가 추가되었습니다.
Element Traversal Specification
The definition of 'ElementTraversal' in that specification.
Obsolete 프로퍼티의 초기 정의가 ElementTraversal 순수 인터페이스에 추가되었고 Element에서 사용합니다.

폴리필

github의 외부 코드: childNode.js

브라우저 호환성

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidEdge MobileFirefox for AndroidOpera for AndroidiOS SafariSamsung Internet
Basic supportChrome Full support 1Edge Full support YesFirefox Full support 23IE Full support 9Opera Full support 10Safari Full support 4WebView Android Full support YesChrome Android Full support YesEdge Mobile Full support YesFirefox Android Full support 23Opera Android Full support 10Safari iOS Full support YesSamsung Internet Android Full support Yes
after
Experimental
Chrome Full support 54Edge Full support 17Firefox Full support 49IE No support NoOpera Full support 39Safari No support NoWebView Android Full support 54Chrome Android Full support 54Edge Mobile No support NoFirefox Android Full support 49Opera Android Full support 39Safari iOS No support NoSamsung Internet Android Full support 6.0
before
Experimental
Chrome Full support 54Edge Full support 17Firefox Full support 49IE No support NoOpera Full support 39Safari No support NoWebView Android Full support 54Chrome Android Full support 54Edge Mobile No support NoFirefox Android Full support 49Opera Android Full support 39Safari iOS No support NoSamsung Internet Android Full support 6.0
removeChrome Full support 23Edge Full support 12Firefox Full support 23IE No support NoOpera Full support 10Safari Full support 7WebView Android Full support YesChrome Android Full support YesEdge Mobile Full support YesFirefox Android Full support 23Opera Android Full support 10Safari iOS Full support 7Samsung Internet Android Full support Yes
replaceWith
Experimental
Chrome Full support 54Edge Full support 17Firefox Full support 49IE No support NoOpera Full support 39Safari No support NoWebView Android Full support 54Chrome Android Full support 54Edge Mobile No support NoFirefox Android Full support 49Opera Android Full support 39Safari iOS No support NoSamsung 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.

참고

문서 태그 및 공헌자

이 페이지의 공헌자: cs09g
최종 변경자: cs09g,