没有结果显示

个回答

秦失九鼎

2016-03-09 15:57:46

已采纳

你没有点击右侧的那个“点击我”按钮，通过了只是你的代码填对了，但你没有验证

0
huakehualuo

2016-03-10 14:45:51

先点击才行

0

紫皇夜雨: 2016-03-09 16:07:08

因为这个慕课代码验证系统存在着一些bug，而我的建议是，自己复制代码到DW,或者是webstorm上自己跑一跑。除此之外还有一个原因就是你看代码的时候没认真的看，在对className进行更改的时候，我们必须对我们的新的类名加上双引号。

下面附上正确的代码

<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>className属性</title>
    <style>
        body{ font-size:16px;}
        .one{
            border:1px solid #eee;
            width:230px;
            height:50px;
            background:#ccc;
            color:red;
        }
        .two{
            border:1px solid #ccc;
            width:230px;
            height:50px;
            background:#9CF;
            color:blue;
        }
    </style>
</head>
<body>

    <p id="p1" > JavaScript使网页显示动态效果并实现与用户交互功能。</p>
    <input type="button" value="添加样式" onclick="add()"/>
    <p id="p2" class="one">JavaScript使网页显示动态效果并实现与用户交互功能。</p>
    <input type="button" value="更改外观" onclick="modify()"/>
<script type="text/javascript">
    function add(){
        var p1 = document.getElementById("p1");
          p1.className="one";
    }
    function modify(){
        var p2 = document.getElementById("p2");
           p2.className="two";
    }
</script>
</body>
</html>

zbq31

2016-03-09 16:06:37

结果是要自己点击才会显示吧

0