扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
var aBtn = document.getElementsByTagName('button'); //aBtn是一个数组,是页面所有按钮的集合
让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:国际域名空间、网络空间、营销软件、网站建设、陕西网站维护、网站推广。
/*按钮的索引值.可以理解为.它是页面的第几个按钮,第一个按钮的索引就是0,第二个就是1*/
for(var i=0; iaBtn.length; i++){
aBtn[i].index=i; //作用就是为每个按钮添加一个属性,这个属性的值就是它的索引
}
alert(this.index); //应该没有引号的吧.就是弹出按钮索引咯
在这段代码里只是个变量 从字面意义就是取这个数组的位置
不过有index这个方法 判断字符串返回的位置
例:var str ="abc"
var s=str.indexOf("b");
s就是b出现在这个字符串的位置 如果没有返回-1
indexof函数的用法检测一个字符串在另一个字符串中出现的位置
1、语法
字符串1.indexOf("字串2"[,索引n])
从索引n开始查找字符串2在字符串1中首次出现的下标,如果下标为-1,则表示字符串2在字符串1中不存在
2、示例
1)var str="hello world";
var ix=str.indexOf("l");
则ix=2,因为未指定第2个参数,则从下标为0处开始找,第一个l是第三个字符,但下标为2
2)var str="hello world";
var ix=str.indexOf("l",5);
则ix=9,因为指定了第2个参数,则从下标为5处开始找,即从空格出往后找起,第一个l出现的位置位于整个字符串的第10个字符,下标为9
3)var str="hello world";
var ix=str.indexOf("lx");
则ix=-1,因为未指定第2个参数,则从下标为0处开始找,没找到,则返回-1
4)var str="hello world";
var ix=str.indexOf("ll",5);
则ix=-1,因为指定了第2个参数,则从下标为5处开始找,没找到,则返回-1
用JS遍历就可以做,代码如下:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
ul id="test"
ul
li111/li
li222/li
li333/li
li444/li
/ul
/ul
script
window.onload=function(){
var ul=document.getElementById('test');
var ul_lis=ul.getElementsByTagName('li');
for (var i = 0;i ul_lis.length; i++) {
ul_lis[i].index = i;
ul_lis[i].onclick=function(){
var j=this.index+1;
alert(j);
}
}
};
/script
如果想简单的放用jQuery很方便就可以获取。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
ul id="test"
ul
li111/li
li222/li
li333/li
li444/li
/ul
/ul
script
$("#test li").click(function(){
var index = $(this).index()+1;
alert(index);
return false;
});
/script
JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。
你说的是不是z-index属性:
img src="img/1.jpg" alt="" class="star1" style="z-index:1" /
js设置css:
div id="box"
strongspan style="color:red"*/span总体评价/strong
img src="img/1.jpg" alt="" class="star1" style="z-index:1" /
img src="img/1.jpg" alt="" class="star2" style="z-index:2" /
img src="img/1.jpg" alt="" class="star3" style="z-index:3" /
img src="img/1.jpg" alt="" class="star4" style="z-index:4" /
img src="img/1.jpg" alt="" class="star5" style="z-index:5" /
img src="img/4.jpg" id="notice" /
/div
script
for (i=1; i6; i++) {
document.getElementsByClassName('star'+i)[0].style.zIndex = i;
}
/script
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流