javascript里面的index属性问题

<body><divid="box"><strong><spanstyle="color:red">*</span>总体评价</strong><imgsrc="img/1... <body>
<div id="box">
<strong><span style="color:red">*</span>总体评价</strong>
<img src="img/1.jpg" alt="" class="star1" style="index:1" />
<img src="img/1.jpg" alt="" class="star2" style="index:2" />
<img src="img/1.jpg" alt="" class="star3" style="index:3" />
<img src="img/1.jpg" alt="" class="star4" style="index:4" />
<img src="img/1.jpg" alt="" class="star5" style="index:5" />
<img src="img/4.jpg" id="notice" />
</div>
</body>
我这样加了index属性，但是只有IE下面是对的。但是其他浏览器都是undefined。而且好像this.style.index也不好用，IE下也不行。帮忙看看是为什么展开

 我来答

43个回答

#热议# 生活中有哪些实用的心理学知识？

匿名用户
2018-02-20

展开全部

你说的是不是z-index属性：
<img src="img/1.jpg" alt="" class="star1" style="z-index:1" />

js设置css:
<div id="box">
<strong><span 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; i<6; i++) {
document.getElementsByClassName('star'+i)[0].style.zIndex = i;
}
</script>

已赞过 已踩过<

评论收起

百度网友816472d
2018-01-30 · TA获得超过822个赞

知道小有建树答主

回答量：670

采纳率：90%

帮助的人：231万

我也去答题访问个人页

关注

展开全部

你这是错把样式当属性用了。。。
样式里面是没有index这个属性名
样式默认带有顺序号
你想取第n个img可以用 $("#box").find("img").eq(n-1);
或者直接在元素上加属性
<img src="img/1.jpg" alt="" class="star1" index="1" />
<img src="img/1.jpg" alt="" class="star2" index="2" />
然后取第n个用$("img[index='n']");

已赞过 已踩过<

评论收起

Lemonade_H
2018-01-28 · 超过37用户采纳过TA的回答

知道小有建树答主

回答量：83

采纳率：0%

帮助的人：27.4万

我也去答题访问个人页

关注

展开全部

首先，属性（索引）不能这么加

有两种办法，第一种是原生的方法：

当然，我也不知道为什么你要在style里面写index，那么我就按照你的思路写了，并且最后一个图片不加index，代码如下

还有一种就是JQuery，用法大概是这样的，思路和上面一样

已赞过 已踩过<

评论收起

千星与白云
2018-02-01 · 超过21用户采纳过TA的回答

知道答主

回答量：58

采纳率：62%

帮助的人：19.2万

我也去答题访问个人页

关注

展开全部

你想给标签添加自定义属性吧?
<img src="img/1.jpg" alt="" class="star1" index="1" />
<img src="img/1.jpg" alt="" class="star2" index="2" />
<img src="img/1.jpg" alt="" class="star3" index="3" />
<img src="img/1.jpg" alt="" class="star4" index="4" />
<img src="img/1.jpg" alt="" class="star5" index="5"/>
使用时:this.index
不过最好换个其他的属性名

已赞过 已踩过<

评论收起

请轻亲青草
2018-02-09 · TA获得超过633个赞

知道小有建树答主

回答量：1901

采纳率：85%

帮助的人：213万

我也去答题访问个人页

关注

展开全部

<body>
<div id="box">
<strong><span style="color:red">*</span>总体评价</strong>
<img src="img/1.jpg" alt="" class="star1 star_type"/>
<img src="img/1.jpg" alt="" class="star2 star_type"/>
<img src="img/1.jpg" alt="" class="star3 star_type" />
<img src="img/1.jpg" alt="" class="star4 star_type"/>
<img src="img/1.jpg" alt="" class="star5 star_type" />
<img src="img/4.jpg" id="notice" />
</div>
<script>
var arr = document.querySelectorAll(".star_type");
for(let i = 0; i < arr.length; i++){
arr[i].onclick=function(){

alert(i)

}
}
</script>
</body>

已赞过 已踩过<

评论收起

更多回答（41）

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

javascript里面的index属性问题

其他类似问题

为你推荐：