美文网首页
获取页面所有的元素节点

获取页面所有的元素节点

作者: jie_zhao | 来源:发表于2019-07-11 17:23 被阅读0次

1、jq 获取

$("*")


2、原生获取
document.getElementsByTagName("*")

let allEls = document.getElementsByTagName("*")
let elObj = {}
for (let i=0; i<allEls.length; i++) {
    let ele = allEls[i].tagName.toLowerCase()
    if (!elObj.hasOwnProperty(ele.toString())) {                       
        elObj[ele] = 1        
    } else {                
        elObj[ele] ++        
    }
}
console.log(elObj)
// 返回每个元素以及对应的数量

相关文章

  • 获取兄弟元素节点系列方法

    获取上一个哥哥元素节点:prev 获取下一个弟弟元素节点:next 获取所有的哥哥元素节点:prevAll 获取所...

  • 获取页面所有的元素节点

    1、jq 获取 $("*") 2、原生获取document.getElementsByTagName("*") l...

  • DOM中知识点

    节点: Node 一个页面中的元素标签、文字、注释。。。都是节点 属性: childNodes:获取所有的子节点 ...

  • JS基础学习:节点

    文档:document元素:页面中所有的标签,元素---element 标签--- 元素 ---对象节点:页面中所...

  • web前端 -- Day19 js基础

    概念 文档:document 元素:页面中所有的标签,元素--element,标签--元素--对象 节点:页面中所...

  • js获取页面所有元素标签

    获取页面所有元素标签 获取所有元素标签的类数组(包含文本节点等) 转换成数组

  • jQuery 常用的节点操作

    js 获取元素(父节点,子节点,兄弟节点) jQuery 获取元素(父节点,子节点,兄弟节点) 元素筛选

  • Vue之ref的使用

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

  • 原生JS获取页面所有元素并统计每个元素的个数

    let el = document.getElementsByTagName('*'); //获取页面所有的元素 ...

  • DOM笔记

    DOM笔记获取元素获取指定元素获取子元素&兄弟元素&父元素获取第一&最后一个子元素节点操作克隆节点 - clone...

网友评论

      本文标题:获取页面所有的元素节点

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