1-15老师请问为什么我直接设置color不行呢
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>dom属性</title>
<style type="text/css">
.purple{color:purple;background-color:pink;}
.yellow{color:yellow;background-color:orange;}
</style>
</head>
<body>
<h2>网络游戏排名</h2>
<ul id="list">
<li>英雄联盟</li>
<li>魔兽世界</li>
<li>DOTA</li>
<li>仙剑奇侠传</li>
<li>穿越火线</li>
<li>梦幻西游</li>
</ul>
<script type="text/javascript">
var lis = document.getElementById("list").getElementsByTagName("li");
for(var i = 0; i < lis.length; i++)
{
if(i%2 == 0)
{
lis[i].setAttribute("color","purple");
lis[i].setAttribute("background-color","pink");
}else{
lis[i].setAttribute("class","yellow");
}
}
</script>
</body>
</html>
正在回答
你那样是不行的，可以这样设置：
<script type="text/javascript">
var lis = document.getElementById("list").getElementsByTagName("li");
for(var i = 0; i < lis.length; i++)
{
if(i%2 == 0)
{
// lis[i].setAttribute("color","purple");
lis[i].style.color="purple";
lis[i].style.backgroundColor="pink";
// lis[i].setAttribute("background-color","pink");
}else{
lis[i].setAttribute("class","yellow");
lis[i].style.listStyleType="none";
}
}
</script>
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36712 个
从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星