js页面中for each循环里如何添加索引?

js页面中for each循环里如何添加索引?,第1张

js的for 里面的变量就是下标索引

var person = {fname:"John", lname:"Doe", age:25} 

var text = ""

var x

for (x in person) {

    text += person[x]

}

补充:你说的是foreach, 那就是定义遍历函数时有个参数是索引。

array.forEach(callback[, thisArg])

参数

callback

数组每一项上执行的函数,接收三个参数:

currentValue

前项(指遍历时正在被处理那个数组项)的值。

index

当前项的索引(或下标)。

array

数组本身。

thisArg

可选参数。用来当作callback 函数内this的值的对象。

参考:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach

你看看这是否是你想要的效果:

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title></title>

<meta name="viewport" content="width=device-width,initial-scale=1.0" />

</head>

<body>

<ul>

<li>java</li>

<li>c#</li>

<li>python</li>

<li>c++</li>

<li>ruby</li>

<li>html</li>

</ul>

<p></p>

<script>

var oUl = document.getElementsByTagName('ul')[0]

var oLi = document.getElementsByTagName('li')

var oP = document.getElementsByTagName('p')[0]

oUl.onmouseover=function(e){ // 注册移上事件

var o=e||event

var target=o.target||o.srcElement // 触发事件的目标

if(target.nodeName.toLowerCase() == 'li'){ // 确定目标是li标记

for (var i = oLi.length - 1 i >= 0 i--) { // 遍历所有的li标记,将背景设置为白色

oLi[i].style.background = "#fff"

}

target.style.background='yellow' // 将当前移上的li标记背景设置为黄色

oP.innerHTML = target.innerHTML // 设置p的内容

}

}

</script>

</body>

</html>

js给span添加index方法如下:

具体方法:

1、使用span标签创建一块区域,,设置span标签的id为myid。

2、在js中,通过id获得span对象,通过给innerHTML赋值,实现给span添加内容。

如果元素的id没有被命名,那么可以用for循环的方式给元素的id从0开始赋值,作为元素的编号。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11753525.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存