如何实现将应用的属性再返回到默认样式？-慕课网

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

如何实现将应用的属性再返回到默认样式？

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

慕容8128746

2017-07-21 11:21

我更改了类属性后，怎么返回原来的属性？类似于撤销的功能？

写回答关注

3回答

npc9527

2017-07-21 11:56:25

已采纳
```
var p1 = document.getElementById("p1");
p1.classList.remove("one");
```
这样可以移除你添加的类
8 0

npc952... 回复慕容8128...

我还有很多dom操作不熟悉，所以回答不了你这个问题，尽量多做多练多查吧

2017-07-21 12:46:16

共 8 条回复 >

慕容8128746: 2017-07-21 12:13:36

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;
	}
	.Pnone{
	    font-size:16px;
	}
	</style>
</head>
<body>
    <p id="p1" > JavaScript使网页显示动态效果并实现与用户交互功能。</p>
    <input type="button" value="添加样式" onclick="add()"/>
    <input type="button" value="返回" onclick="none1()"/>
	<p id="p2" class="one">JavaScript使网页显示动态效果并实现与用户交互功能。</p>
    <input type="button" value="更改外观" onclick="modify()"/>
    <input type="button" value="返回" onclick="none2()"/>

	<script type="text/javascript">
	   function add(){
	      var p1 = document.getElementById("p1");
	      
	      p1.className="one";
	   }
	   function modify(){
	      var p2 = document.getElementById("p2");
	      p2.className="two";
	   }
	   function none1(){
	       var p1= document.getElementById("p1");
	       p1.className="Pnone";
	      }
	       function none2(){
	       var p2= document.getElementById("p2");
	       p2.className="Pnone";
	       }
	</script>
</body>

看下我下面的代码，也可以实现，但感觉太啰嗦，是否能优化一下？

0 0