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

首页课程实战体系课手记专栏慕课教程

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

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

可乐盖

2016-07-14 23:01

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

写回答关注

2回答

憨痕: 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>

1 0

可乐盖

非常感谢！

2016-08-04 11:18:47

共 1 条回复 >

起风之城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 0

JavaScript入门篇

JavaScript做为一名Web工程师的必备技术，本教程让您快速入门

739817 学习 · 9566 问题

查看课程

相似问题

怎么样能让“点击更改”后“p元素class值为：one”变为two？

回答 4

点击切换样式

回答 2

怎样像例子一样，点击添加样式后在当前页显示“类名为one”？

回答 1

怎么让我的p2自动在one和two这两个样式之间自动跳转呢，有不有大神可以帮个忙，谢谢

回答 3

麻烦帮我看一下为什么在浏览器点击按钮后变不了two的样式

回答 5

打开慕课网App查看更多内容