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下也不行。帮忙看看是为什么
展开
 我来答
喵_米米123
2018-01-29
知道答主
回答量:10
采纳率:100%
帮助的人:5.1万
展开全部
不知道你的index是要做什么用。
如果是要设置图片的层叠顺序可以用 z-index;
如果是设置img的属性index,可以直接<img src="img/1.jpg" alt="" class="star1" index="1" />,然后使用JQuery中的attr(),就能获得1。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
1633602558
2018-01-27 · TA获得超过268个赞
知道小有建树答主
回答量:185
采纳率:71%
帮助的人:37.2万
展开全部
因为任何浏览器的样式表集合中没有index这个属性
你加进去只IE能识别是,因为IE兼容性以及忽略错误的“能力”强一点而以。
如果你确实想给这几个元素加个编号顺序,可这样设置 加个 name 属性,如 name="img1"
然后可用 var MyImg=document.getElementsByName("img1"); 去引用这几个对象
MyImg[0].src = "img/1.jpg";
MyImg[1].src = "img/2.jpg";
......................................
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友f65d610
2018-01-26 · TA获得超过114个赞
知道答主
回答量:44
采纳率:0%
帮助的人:12.8万
展开全部
  1. javascript中的数组index属性——获取数组的索引值;

  2. index 属性也可返回下拉列表中选项的索引位置;

  3. 总之,index是一个可以获取某个节点的索引的属性。

但很抱歉,你的这段代码并没有包含JavaScript语句,而且也不能通过style获取index属性,style只可以获取元素样式,你可以试一试定位属性position的z-index。希望我的回答可以帮到你。

另外style也没有将index作为单独的样式存在。

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
lyz810
推荐于2018-02-20 · 知道合伙人互联网行家
lyz810
知道合伙人互联网行家
采纳数:7531 获赞数:31776
前端开发工程师

向TA提问 私信TA
展开全部
对元素增加私有属性建议通过setAttribute
例如document.getElementsByClassName('star1')[0].setAttribute('data-index', '1');
读取的时候用getAttribute
不要给style上面加非法的属性,这种情况下,浏览器通常会忽略非法的属性,所以取不到
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
Alexs耶
2018-02-13 · TA获得超过1641个赞
知道小有建树答主
回答量:239
采纳率:93%
帮助的人:75.7万
展开全部

1、css样式中是没有 index 属性的,有 z-index 属性,但是需要搭配 position 属性使用

<img 
    src="img/1.jpg" 
    alt="" 
    class="star1" 
    style="position:relative; z-index:1;" 
/>

2、如果是要给代码中的所有图片加 index 索引,可以使用 data-index 的形式赋值

<img 
    src="img/1.jpg" 
    alt="" 
    class="star1" 
    data-index="1" 
/>

在 js中获取方式如下:

document.querySelector('.star1').getAttribute('data-index');
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式