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

JavaScript021

原生JS获取页面所有元素并统计每个元素的个数,第1张

let el = document.getElementsByTagName('*')

//获取页面所有的元素

console.log(el)

let elObj = {}

for(var i=0i

if(!elObj[el[i].tagName.toLowerCase()] ){

elObj[el[i].tagName.toLowerCase()] =1

}else{

elObj[el[i].tagName.toLowerCase()] ++

}

}

//每个元素的个数

console.log(elObj)

document.getElementById()//获取id

document.getElementsByClassName('')[]//获取class

document.getElementsByTagName('')[]//获取标签

document.getElementById('').innerHTML//获取标签内的内容

document.getElementById('').innerText//获取标签内的文本

innerHTML和innerText是有区别的，自己百度