javascript - js删除NodeList元素-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

javascript - js删除NodeList元素

PHPz 2017-04-10 12:42:43

[JavaScript讨论组]

1609

var img = document.getElementsByTagName("img");

因为img是NodeList(object)，所以不能用Array.splice()方法来删除img里面的元素。

var list = ['a','b','c','d'];
list.splice(1,1);
console.log(list); //返回["a", "c", "d"]

怎样才能像上面这个例子一样删除img里的某个元素？

PHPz

学习是最好的投资！

全部回复(4)

数据分析师2017-10-01 01:15:04 4楼

javascript - js删除NodeList元素-PHP中文网问答-javascript - js删除NodeList元素-PHP中文网问答

围观一下哦，学习一下。

赞 +0

添加回复

黄舟2017-04-10 12:44:43 3楼

先把NodeList转换为Array，然后再删除其中的元素

var imgs = [].slice.apply(document.getElementsByTagName('img'));
imgs.splice(1,1);
console.log(imgs);

赞 +0

添加回复

迷茫2017-04-10 12:44:43 2楼

NodeList删除会造成网页里的DOM元素的删除。
请谨慎使用。代码如下。

var img = document.getElementsByTagName("img");
var len = img.length;
for(var i = 0; i < len; i++) {
    img[i].parentNode.removeChild(img[i]);
}

赞 +0

添加回复

怪我咯2017-04-10 12:44:43 1楼

function collectionToArray(collection){  
    var ary = [];  
    for(var i=0, len = collection.length; i < len; i++){  
        ary.push(collection[i]);  
    }  
    return ary;  
}

于是乎。。。我自己找到答案了

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>