1-11编程
<!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="book">
<li>西游记</li>
<li>红楼梦</li>
<li>三国演义</li>
<li>聊斋志异</li>
<li>论语</li>
<li>孟子</li>
<li>中庸</li>
<li>大学</li>
</ul>
<script>
var x=document.getElementById("book");
var y=document.getElementById("book").getElementsByTagName("li");
for(var i=0,len=y.length;i<len;i++){
y[i].innerHTML="第"+(i+1)+"名："+y[i].innerHTML;
if(i%2!=1){
y[i].className="red";
}
}
</script>
</body>
</html>
想请问下老师这个有优化的地方吗
13
收起
正在回答
1回答
效果实现的很好，代码的逻辑也很清晰，但是建议规范一下变量名（譬如oBook和oBookli），养成良好的编程习惯，如果是大型项目开发，变量名不规范（譬如a、b、x、y等）是很容易混淆的，而且不利于后期的维护哦~
祝学习愉快！
相似问题
登录后可查看更多问答，登录/注册
前端小白入门系列课程
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36713 个
从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星