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

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

caterien

浏览 2265回答 6

6回答

Perona

要通过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>

皮若拉未来的男票

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

echo_kinchao

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

qq_小鱼肉_0

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

Orange_Liu

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

Jeanbin大王来巡山

document.getElementById('pid').style.color="red";这样应该可以吧？

随时随地看视频慕课网APP