为什么按了更改外观的按钮，"p2元素class的值为”不会变成two？怎样才能达到效果？-慕课网

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

为什么按了更改外观的按钮，"p2元素class的值为”不会变成two？怎样才能达到效果？

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

慕运维0124838

2015-09-18 17:13

<!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";

}

document.write("p2元素class的值为；"+ p2.className);

</script>

</body>

</html>

写回答关注

3回答

志在必德wzd: 2015-11-16 18:54:22

<script type="text/javascript">
	   var i=0;
	   function add(){
	      var p1 = document.getElementById("p1");
	      p1.className="one";
	   }
	   function modify(){
	      var p2 = document.getElementById("p2");
           i++;
        if(i%2==0)
		   {
		p2.className="one";}
        else
		   {
          p2.className="two";
		   }	  

	   }
	</script>

0 0

志在必德wzd: 2015-11-16 18:52:49

<script type="text/javascript">
       var i=0;
       function add(){
          var p1 = document.getElementById("p1");
          p1.className="one";
       }
       function modify(){
          var p2 = document.getElementById("p2");
           i++;
        if(i%2==0)
           {
        p2.className="one";}
        else
           {
          p2.className="two";
           }      

       }
    </script>

0 0

伊兮尘昔

2015-09-19 10:27:41

document.write("p2元素class的值为；"+ p2.className); 把这句话在modify中再写一遍

2 0

志在必德wz... 回复慕运维012...

很多方法可以实现，js或者jquery都可以。我在楼下举个例子。

2015-11-16 18:50:27

共 2 条回复 >

JavaScript入门篇

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

739817 学习 · 9566 问题

查看课程

相似问题

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

回答 4

为什么点击按钮后的“p元素class值为：one"，点击后不是变成"two"了吗

回答 4

为何我的第二个按钮，更改外观不能行呢？

回答 4

为什么加了 function modify(){ var p2 = document.getElementById("p2"); // document.write("p元素的class值为："+p2.className+"<br/>"); p2.className="two"; }之后就能改变样式了

回答 3

为什么加了这行代码后点击更改外观后 p标签里面的文本都没了页面只显示 p2元素的值为 two

回答 2

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