老师按照任务的提示以及修改有一个地方不能实现

<!DOCTYPE html>

<html>

<head>

<title>innerHTML</title>

.red{color:red;}

</style>

</head>

<body>

<ul>

</ul>

//补充代码

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

var lis=ul.getElementsByTagName('li');

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

lis[i].innnerHTML="第"+(i+1)+"名"+lis[i].innerHTML;

if(i%2==0){

lis[i].className="red";

}

</script>

</body>

</html>

只能加红色,但是第几名显示不了

[0]这个如果不加后的i+=2就是写i++吧

源自：初识 JS DOM 1-16 编程练习

收起

2回答

好帮手慕星星 2019-11-18 15:27:59

同学你好，理解的有点问题，解答如下：

通过标签名获取到的元素是一个集合，而代码中就一个ul元素，所以通过[0]选取了。再通过这一个元素获取子元素li：

下面的循环中是对li集合进行的，i+=2是对li的索引来说的，选取奇数项，和ul没有关系，所以两个不要弄混哦。

如果我的回答帮助到了你，欢迎采纳，祝学习愉快~

好帮手慕星星 2019-11-18 15:04:46

同学你好，问题解答如下：

1、第几名显示不出来，也就是通过innerHTML属性没有将内容添加进去，可以从这点检查代码。参考修改：innerHTML属性多了一个n

2、‘[0]这个如果不加后的i+=2就是写i++吧’这句话老师没有明白，建议描述具体一些，便于准确定位问题。不过同学现在通过取余的方式判断奇数项是正确的，很棒！

如果我的回答帮助到了你，欢迎采纳，祝学习愉快~

提问者 LiamHsu #1

var ul=document.getElementsByTagName('ul')[0]; [0]这个是任务的提示; 任务提示的第四个还是用的for循环循环的第三个条件是i+=2;这里应该是因为在开始设置了[0]的吧. 如果没有的话那这里用i++就可以了吧; 我这里是用的if来判断的这个问题是任务的提示下我提出来的

2019-11-18 15:10:19