把innerHTML项赋值为什么不行？

var ob=document.getElementsByTagName("li");

for(var i=0;i<ob.length;i++){

ob[i].innerHTML="第"+(i+1)+"名："+ob[i].innerHTML;

if(i%2==0) ob[i].className="red";

}

</script>

这样没问题，但是改成

var ob=document.getElementsByTagName("li");

for(var i=0;i<ob.length;i++){

var obIn=ob[i].innerHTML;

obIn="第"+(i+1)+"名："+obIn;

if(i%2==0) ob[i].className="red";

}

</script>

就出现问题，不会出现“第i名：”，请问是什么原因。

sherryliu 2017-11-06

源自：JavaScript DOM基础 1-20 编程练习

收起

3回答

长相思兮回答被采纳获得+3积分 2017-11-06 22:37:42

仔细看看是不是少了这个 ob[i].innerHTML=……

收起回答

sherryliu 提问者 #1

赋值给了obIn，obIn=ob[i].innerHTML;然后就出问题了，不赋值直接用没问题

2017-11-06 22:40:08
长相思兮回复提问者 sherryliu #2

var obIn=ob[i].innerHTML;这一步你把HTML内容拿出来了 obIn="第"+(i+1)+"名："+obIn;这一步你拼接了字符串，这里并没有修改HTML的内容。在这添加ob[i]=obIn;就阔以了。

2017-11-06 22:43:14
长相思兮 #3

是ob[i].innerHTML=obIn;

2017-11-06 22:45:15

点开查看后面1条评论

hunmix 2017-12-01 16:27:50

<script>
		//补充代码
        var ob=document.getElementsByTagName("li");
        for(var i=0;i<ob.length;i++){
            var obIn=ob[i].innerHTML;
            obIn="第"+(i+1)+"名："+obIn;
            document.write(obIn+"<br>");
            if(i%2==0) ob[i].className="red";
        }
</script>

你加一句