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

Posted whrgm

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用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>





















以上是关于使用JavaScript来选择性改变HTML DOM中元素的样式,使用if语句。的主要内容,如果未能解决你的问题,请参考以下文章

尝试使用 html 选择标记更改 javascript 变量

JavaScript基础(一篇入门)

如何从 Javascript 更改 HTML 单选按钮选择?

关于DOM

JavaScript

使用 JavaScript/jQuery 调用 do_action