js怎么获得数组元素个数

JavaScript018

js怎么获得数组元素个数,第1张

如果我们想知道数组的大小，只需引用数组的一个属性length。Length属性表示数组的长度，即数组中元素的个数。

语法：

myarray.length //获得数组myarray的长度

注意：因为数组的索引总是由0开始，所以一个数组的上下限分别是：0和length-1。如数组的长度是5，数组的上下限分别是0和4。

var arr=[55,32,5,90,60,98,76,54]//包含8个数值的数组arr 

document.write(arr.length) //显示数组长度8

document.write(arr[7]) //显示第8个元素的值54

同时，JavaScript数组的length属性是可变的，这一点需要特别注意。

arr.length=10 //增大数组的长度

document.write(arr.length) //数组长度已经变为10

数组随元素的增加，长度也会改变，如下:

var arr=[98,76,54,56,76] // 包含5个数值的数组

document.write(arr.length) //显示数组的长度5

arr[15]=34  //增加元素，使用索引为15,赋值为34

alert(arr.length) //显示数组的长度16

js获取div里的元素个数方法是：先得到父元素，再得到父元素下的某标签类别的子元素，最后统计出子元素的长度就可以简单实现了。

js 动态添加元素(div、li、img等)及设置属性的方法：

一、js 动态添加元素div

<div id="parent"></div>

function addElementDiv(obj) {var parent = document.getElementById(obj)//添加 divvar div =

document.createElement("div")//

设置 div 属性，如 iddiv.setAttribute("id", "newDiv")div.innerHTML = "js 动态添

div"parent.appendChild(div)}

调用：addElementDiv("parent")

二、js 动态添加li

<ul id="parentUl"><li>原li</li></ul>

function addElementLi(obj) {var ul = document.getElementById(obj)//添加 livar li =

document.createElement("li")//

设置 li 属性，如 idli.setAttribute("id", "newli")li.innerHTML = "js 动态添加li"ul.appendChild(li)}

调用：addElementLi("parentUl")

三、js 动态添加元素img

<ul id="parentUl"></ul>

function addElementImg(obj) {var ul = document.getElementById(obj)//添加 livar li =

document.createElement("li")//添加 imgvar img = document.createElement("img")//

设置 img 属性，如 idimg.setAttribute("id", "newImg")//设置 img 图片地址img.src =

"/images/prod.jpg"

li.appendChild(img)ul.appendChild(li)}

调用：addElementImg("parentUl")

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)