怎么点更改外观能在1、2来回切换-慕课网

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

怎么点更改外观能在1、2来回切换

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

sevenLong_七龙

2015-11-30 15:46

<!DOCTYPE HTML>

<html>

<head>

<title>className属性</title>

<style>

body{ font-size:16px;}

.one{

border:1px solid #eee;

width:230px;

height:50px;

background:#ccc;

color:red;

}

.two{

border:1px solid #ccc;

width:230px;

height:50px;

background:#9CF;

color:blue;

}

</style>

</head>

<body>

<p id="p1" > JavaScript使网页显示动态效果并实现与用户交互功能。</p>

<p id="p2" class="one">JavaScript使网页显示动态效果并实现与用户交互功能。</p>

function add(){

var p1 = document.getElementById("p1");

p1.className="one";

}

function modify(){

var p2 = document.getElementById("p2");

p2.className="two";

}

</script>

</body>

</html>

写回答关注

3回答

jikaiyang

2015-12-15 19:30:36

感觉并没有什么用

0 0
sevenLong_七龙

2015-11-30 16:22:02

function modify(){
var p2 = document.getElementById("p2");
if(p2.className=="one")
{
p2.className="two";
}else
{
p2.className="one";
}
}
额，前面IF里忘记了个等号了。=。=

1 0

咕哩

为什么不行呢？

2015-12-17 17:53:14

共 1 条回复 >

一毛钱: 2015-11-30 16:07:25

判断一下

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

下面的方法和这个一样

1 0

咕哩

为什么不行呢？

2015-12-17 17:52:43

共 1 条回复 >

JavaScript入门篇

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

739818 学习 · 9566 问题

查看课程

相似问题

通过了，点了更改外观没用啊？