ChildNode.remove() 메소드는 이를 포함하는 트리로부터 객체를 제거합니다.

문법

node.remove(); 

예제

remove() 사용하기

<div id="div-01">div-01 입니다</div>
<div id="div-02">div-02 입니다</div>
<div id="div-03">div-03 입니다</div>
var el = document.getElementById('div-02');
el.remove(); // id가 'div-02' 인 div를 제거합니다

ChildNode.remove() 는 스코프 지정 불가

remove() 메소드는 with 구문으로 스코프를 지정할 수 없습니다. 자세한 내용은 Symbol.unscopables 을 확인하세요.

with(node) { 
  remove();
}
// ReferenceError: remove is not defined 

폴리필

인터넷 익스플로러 9 이상에서는 다음 코드를 사용해 remove() 메소드 를 폴리필링할 수 있습니다.

// from:https://github.com/jserz/js_piece/blob/master/DOM/ChildNode/remove()/remove().md
(function (arr) {
  arr.forEach(function (item) {
    if (item.hasOwnProperty('remove')) {
      return;
    }
    Object.defineProperty(item, 'remove', {
      configurable: true,
      enumerable: true,
      writable: true,
      value: function remove() {
        if (this.parentNode !== null)
          this.parentNode.removeChild(this);
      }
    });
  });
})([Element.prototype, CharacterData.prototype, DocumentType.prototype]);

명세

명세 상태 코멘트
DOM
The definition of 'ChildNode.remove' in that specification.
Living Standard 초기 정의.

브라우저 호환성

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewChrome for AndroidEdge MobileFirefox for AndroidOpera for AndroidSafari on iOSSamsung Internet
Basic supportChrome 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

Legend

Full support  
Full support
No support  
No support

함께 보기

문서 태그 및 공헌자

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