为什么我的按钮按了没有反应

来源:3-6 控制类名(className 属性)

lyyylll

2018-09-29 10:05

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>


写回答 关注

1回答

  • 慕娘504443
    2018-09-29 10:19:11

    javascript区分大小写className是特定的写法,按照其规定进行代码的书写你的className进行了小写

    lyyyll...

    谢谢 可以了

    2018-09-29 10:46:47

    共 1 条回复 >

JavaScript入门篇

JavaScript做为一名Web工程师的必备技术,本教程让您快速入门

739816 学习 · 9566 问题

查看课程

相似问题