js怎么获得数组元素个数

JavaScript020

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获取字符串字母个数，方法是：使用属性“.length”。

详细的操作步骤如下：

1、首先，创建一个新的HTML文档并创建一个<script>标签，如下图所示。

2、其次，声明一个变量并分配一个字符串，如下图所示。

3、接着，使用.length属性获取字符串长度，如下图所示。

4、然后，以弹出窗口的形式打印获得的字符串长度，如下图所示。

5、最后，保存文件并查看通过.length获得的结果，如下图所示。这样，就实现了获取一个字符串中字母的个数的功能了。

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")