麻烦老师检查一下是否符合要求
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>innerHTML</title>
<style type="text/css">
.red{color:red;}
</style>
</head>
<body>
<h3>古文推荐</h3>
<ul id="article">
<li>西游记</li>
<li>红楼梦</li>
<li>三国演义</li>
<li>聊斋志异</li>
<li>论语</li>
<li>孟子</li>
<li>中庸</li>
<li>大学</li>
</ul>
<script>
//补充代码
var article = document.getElementById("article").getElementsByTagName("li");
for(var i=0;i<article.length;i++){
article[i].innerHTML = "第"+(i+1)+"名:"+article[i].innerHTML;
if(i%2==0){
article[i].style.color="red";
}
}
</script>
</body>
</html>
31
收起
正在回答
1回答
同学你好, 符合要求, 代码也很简洁, 棒棒哒!
祝学习愉快, 望采纳!
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星