为什么不能a[i].setAttribute("color","purple");这样写?

为什么不能a[i].setAttribute("color","purple");这样写?

<!DOCTYPE html>
<html>
<head lang="en">
    <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>
       <li>英雄联盟</li>
        <li>魔兽世界</li>
        <li>DOTA</li>
        <li>仙剑奇侠传</li>
        <li>穿越火线</li>
        <li>梦幻西游</li>
    </ul>
    <script type="text/javascript">
        var a=document.getElementsByTagName("li");
        for (var i=0;i<a.length;i++){
            if (i%2==0){
                a[i].setAttribute("style","background-color: pink;color: purple");
            }else{  
                a[i].setAttribute("style","background-color: orange;color: yellow");
            }
        }
    </script>
</body>
</html>


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕粉 2019-12-15 11:51:04

同学你好,因为在行内样式里面添加样式,要写在style标签里面才可以设置,如果直接写a[i].setAttribute("color","purple")的话,就会出现这样的结果:

http://img1.sycdn.imooc.com//climg/5df5ad840935768210920200.jpg

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

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师