为什么第一个参数不是color和backgroundcolor,而是class?不是属性名吗

为什么第一个参数不是color和backgroundcolor,而是class?不是属性名吗

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

正在回答

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

1回答

同学你好, color是css中的属性,通过setAttribute设置的属性会写在标签中, 如下图,所以直接通过setAttribute给元素设置color不会生效

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

另, 关于你这个代码中的问题, 在你的另一个提问里给出了解答, 你可以查看一下

http://class.imooc.com/course/qadetail/108371

如果帮助到了你, 欢迎采纳

祝学习愉快~~~

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

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

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

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

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