美文网首页
简单获取页面所有dom节点

简单获取页面所有dom节点

作者: 就那ck | 来源:发表于2017-04-28 17:55 被阅读0次

实现类似document.getElementsByTagName("*");的功能

function getAllNodes(d){
    //判断下参数
    d === '*' && (d = document.getElementsByTagName('html'));
    //用arguments[1] 初始化一个空数组
    !arguments[1] && (arguments[1] = []);
    for(var i = 0,l = d.length;i < l;i++){
        //nodeType === 1 时 push
        d[i].nodeType === 1 && arguments[1].push(d[i]);
        //有子节点 arguments[1]作为参数继续调用 arguments.callee 可以调用自身 匿名函数常用 
        d[i].hasChildNodes() && arguments.callee(d[i].childNodes,arguments[1]);
    }
    //把arguments[1] return出来
    return arguments[1];
};
console.log(getAllNodes("*"));

相关文章

  • 简单获取页面所有dom节点

    实现类似document.getElementsByTagName("*");的功能

  • Panoramio Upload Helper

    ##从上传页面的 DOM 节点中移除所有上传失败的记录 /** * 从上传页面的 DOM 节点中移除所有上传失败的...

  • js dom节点操作

    获取dom节点 新增dom节点 删除dom节点

  • Dom操作

    操作节点 获取节点 获取子节点 更新DOM innerHTMLinnerTEXT 插入DOM appendChil...

  • jQuery的主要功能

    1:访问页面框架的局部 1>:jQuery大大简化了DOM获取页面某个节点或者某一类节点的固定方法; 2:修改页面...

  • Vue之ref的使用

    1.基本用法,本页获取Dom元素节点 ref除了可以获取本页面的dom元素,还可以拿到 子组件中 的data 和 ...

  • 05-javascript基础学习笔记

    1.节点的操作### 根据后台返还的数据来创建节点,之前写的操作:写好页面结构,通过dom树获取节点,再对获取的节...

  • iframe父页面子页面传值,兄弟之间传值

    iframe页面获取父页面的dom节点,调用父页面的方法 标签(空格分隔): js 子页面的js是访问不到父页面的...

  • DOM

    一、对象基础(补充) 二、DOM获取节点 三、间接获取节点 四、DOM节点的添加和删除 五、DOM属性操作 六、练...

  • jS|DOM操作

    DOM节点的获取 DOM节点的创建 DOM节点删除 修改DOM元素 将指定两个DOM元素交换位置

网友评论

      本文标题:简单获取页面所有dom节点

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