连续点击”添加样式“能让其样式在 .one和.two之间变换。

源自：3-6 控制类名（className 属性）

连续点击”添加样式“能让其样式在 .one和.two之间变换。

连续点击”添加样式“能让其样式在 .one和.two之间变换。连续点击，让两个样式交换出现。求大神指导。。。

提问者：可乐盖 2016-07-14 23:01

个回答

憨痕: 2016-07-14 23:34:01

已采纳

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" Content="text/html; charset=utf-8" />
<title>javascript</title>
<style type="text/css">
body{font-size:12px;}
.one{color:red;}
.two{color:blue;}

</style>
</head>
<body>
  <h2 id="con" class="one">JavaScript课程</H2>
  <input type="button" value="改变字体颜色" id="obtn" />
  
  <script type="text/javascript">
  var oCon = document.getElementById("con");
  var oBtn = document.getElementById("obtn");
  
  oBtn.onclick = function(){
    if (oCon.className == "one") 
    {
      oCon.className = "two";
    }
    else
    {
      oCon.className = "one"
    }
  }

  </script>
</body>
</html>

起风之城3621100

2016-07-14 23:15:12

function add(){
var p1 = document.getElementById("p1");
if(p1.className=="one")
p1.className="two";
else
p1.className="one";
}

0