为了账号安全,请及时绑定邮箱和手机立即绑定

尝试了一下,为什么点击按钮之后颜色没变呢

尝试了一下,为什么点击按钮之后颜色没变呢

caterien 2016-01-18 14:23:55
 <body>      <p id="pid" style="color:blue">hello</p>     <button onclick="changeColor()">按钮</button>     <script>      function changeColor(){      document.getElementById("pid").style="color:red";   }   </script> </body>
查看完整描述

6 回答

已采纳
?
Perona

TA贡献355条经验 获得超403个赞

要通过JS改变样式,应该用JS属性,不是直接把CSS的样式赋给style就可以了,改成下面这样就可以了。

<body>
     <p id="pid" style="color:blue">hello</p>
    <button onclick="changeColor()">按钮</button>
    <script>
    function changeColor(){
     document.getElementById("pid").style.color="red";
  }
  </script>
</body>


查看完整回答
2 反对 回复 2016-01-18
?
皮若拉未来的男票

TA贡献4条经验 获得超12个赞

1

2

3

4

5

6

7

8

9

   

<body>

     <p id="pid" style="color:blue">hello</p>

    <button onclick="changeColor()">按钮</button>

    <script>

    function changeColor(){

     document.getElementById("pid").style.color="red";

  }

  </script>

</body>

   


查看完整回答
反对 回复 2016-01-19
?
echo_kinchao

TA贡献600条经验 获得超86个赞

规则写错了  你要写成给sytle.color才对

查看完整回答
反对 回复 2016-01-19
?
qq_小鱼肉_0

TA贡献5条经验 获得超0个赞

document.getElementById("pid").style.color="red";

查看完整回答
反对 回复 2016-01-19
?
Orange_Liu

TA贡献1条经验 获得超0个赞

document.getElementById("pid").style.color="red";


查看完整回答
反对 回复 2016-01-18
?
Jeanbin大王来巡山

TA贡献17条经验 获得超0个赞

document.getElementById('pid').style.color="red";

这样应该可以吧 ?

查看完整回答
反对 回复 2016-01-18
  • 6 回答
  • 0 关注
  • 2146 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信