美文网首页
Javascript getElementsByTagName(

Javascript getElementsByTagName(

作者: whiterum | 来源:发表于2017-02-06 18:58 被阅读17次

    以前对于getElementsByTagName()这个方法的认识是选取指定的元素所组成的数组,今天在用的时候发现选出来的并不是一个数组,而是一个对象。

    querySelectorAll()方法选择出来的是一个NodeList集合

    这是它所支持的方法,可以在chrome的console里看到,数组的操作方法对它并不适用,如果想操作NodeList里面的内容,需要遍历内部的元素。

    一般用数组的操作方法无法修改里面的内容,所以可以将其转换为数组,再进行修改。

    var imgs = [].slice.apply(document.getElementsByTagName('img'));

    imgs.splice(1,1);

    console.log(imgs);

    这样就可以修改NodeList的内容了。

    如果直接修改会改变DOM的内容。

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

    var len = img.length;

    for(var i =0; i < len; i++) {    

        img[i].parentNode.removeChild(img[i]);

    }

    这样就会删除DOM里的内容,需谨慎操作。

    相关文章

      网友评论

          本文标题:Javascript getElementsByTagName(

          本文链接:https://www.haomeiwen.com/subject/mbeyrttx.html