使用JavaScript来选择性改变HTML DOM中元素的样式，使用if语句。

<style>
#p1 {
color: red;
}
</style>
</head>
<body>
<button onclick="myFunction()">点击</button>
<p id="p1" >我在这里改变了样式</p>
<script>
function myFunction () {
var sum =document.getElementById("p1");
if (sum.style.color == "red" || sum.style.color == "" )
{
return sum.style.color = "skyblue";
}else {
return sum.style.color = "red";
}
}
</script>
</body>

posted @ 2018-08-11 16:20  这不是一个好主意  阅读(434)  评论(0)    收藏  举报