JavaScript 实现removeElement函数

Element.prototype.removeElement = function() {
    this.parentElement.removeChild(this);
}
NodeList.prototype.removeElement = HTMLCollection.prototype.removeElement = function() {
    for(var i = this.length - 1; i >= 0; i--) {
        if(this[i] && this[i].parentElement) {
            this[i].parentElement.removeChild(this[i]);
        }
    }
}

通过原型链添加removeElement函数，使得每一个元素对象通过原型链共同享有一个removeElement的函数，实现删除元素。

 

解释：HTMLCollection 是一个接口，表示 HTML 元素的集合，它提供了可以遍历列表的方法和属性。

下面的每个项目（以及它们指定的属性）都返回 HTMLCollection：

• Document (images, applets, links, forms, anchors)
• form (elements)
• map (areas)
• select (options)
• table (rows, tBodies)
• tableSection (rows)
• row (cells)

可以采用数组访问元素的方法（方括号）通过编号或名称索引查找项目，不必调用item（）或者namedItem()方法；

 

删除元素节点的其他方法：

var deleteElement(elementId)=function(){
    var element = document.getElementById(elementId);
    element.outerHTML = "";
    delete element;
}