ChildNode.remove()
ChildNode.remove()
方法,把对象从它所属的 DOM 树中删除。
语法
node.remove();
示例
使用 remove()
<div id="div-01">Here is div-01</div>
<div id="div-02">Here is div-02</div>
<div id="div-03">Here is div-03</div>
var el = document.getElementById('div-02');
el.remove();
// id 为 'div-02' 的 div 被删掉了
ChildNode.remove()
是不可见的
在 with
语句中,remove()
方法是不可见的。参阅 Symbol.unscopables
了解更多信息。
with(node) {
remove();
}
// ReferenceError: remove is not defined
Polyfill
You can polyfill the remove()
method in Internet Explorer 9 and higher with the following code:
//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() {
this.parentNode.removeChild(this);
}
});
});
})([Element.prototype, CharacterData.prototype, DocumentType.prototype]);
规范
规范 | 状态 | 注释 |
---|---|---|
DOM ChildNode.remove |
Living Standard | Initial definition. |
浏览器兼容性
BCD tables only load in the browser
参见
ChildNode
纯接口。