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
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.
参见
ChildNode
纯接口。