                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /JavaScript入門篇

如何實(shí)現(xiàn)將應(yīng)用的屬性再返回到默認(rèn)樣式？

我更改了類屬性后，怎么返回原來的屬性？類似于撤銷的功能？

慕容8128746

2017-07-21

源自：JavaScript入門篇 3-6

關(guān)注問題我要回答

1148

操作

收起

3 回答

npc9527 回答被采納 +3 積分
2017-07-21

var?p1?=?document.getElementById("p1");
p1.classList.remove("one");

這樣可以移除你添加的類

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

慕容8128746 提問者

但你這樣刪除更改的類后所剩下的屬性是不是更改錢的屬性呢？

2017-07-21 回復(fù) 有任何疑惑可以回復(fù)我~

慕容8128746 提問者

比如我最開始的屬性為屬性1，更改后的屬性為屬性2，我使用刪除屬性后是恢復(fù)為屬性1還是變成初始的屬性了？

2017-07-21 回復(fù) 有任何疑惑可以回復(fù)我~

npc9527 回復(fù) 慕容8128746 提問者

比如這個(gè)p1一開始是沒有樣式的，你添加類名為one的樣式以后就改變了它的樣式，把one移除之后就是原來的樣子了

2017-07-21 回復(fù) 有任何疑惑可以回復(fù)我~

查看5條回復(fù)

慕容8128746 提問者
2017-07-21

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使網(wǎng)頁(yè)顯示動(dòng)態(tài)效果并實(shí)現(xiàn)與用戶交互功能。</p>
????<input?type="button"?value="添加樣式"?onclick="add()"/>
????<input?type="button"?value="返回"?onclick="none1()"/>
	<p?id="p2"?class="one">JavaScript使網(wǎng)頁(yè)顯示動(dòng)態(tài)效果并實(shí)現(xiàn)與用戶交互功能。</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>

看下我下面的代碼，也可以實(shí)現(xiàn)，但感覺太啰嗦，是否能優(yōu)化一下？

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答