亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

如何實現將應用的屬性再返回到默認樣式?

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

正在回答

3 回答

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

這樣可以移除你添加的類

0 回復 有任何疑惑可以回復我~
#1

慕容8128746 提問者

但你這樣刪除更改的類后所剩下的屬性是不是更改錢的屬性呢?
2017-07-21 回復 有任何疑惑可以回復我~
#2

慕容8128746 提問者

比如我最開始的屬性為屬性1,更改后的屬性為屬性2,我使用刪除屬性后是恢復為屬性1還是變成初始的屬性了?
2017-07-21 回復 有任何疑惑可以回復我~
#3

npc9527 回復 慕容8128746 提問者

比如這個p1一開始是沒有樣式的,你添加類名為one的樣式以后就改變了它的樣式,把one移除之后就是原來的樣子了
2017-07-21 回復 有任何疑惑可以回復我~
#4

npc9527 回復 npc9527

你也可以寫個默認樣式,依舊用className來實現你想要的功能
2017-07-21 回復 有任何疑惑可以回復我~
#5

慕容8128746 提問者

非常感謝!
2017-07-21 回復 有任何疑惑可以回復我~
#6

慕容8128746 提問者 回復 npc9527

再問一個問題哈,看下我這個問題下面以的代碼一下,我想精簡一下代碼。比如我能不能實現判定每個button的value,不實現調用不同的函數?
2017-07-21 回復 有任何疑惑可以回復我~
#7

慕容8128746 提問者 回復 npc9527

再問一個問題哈,看下我這個問題下面的代碼,我想精簡一下代碼。比如我能不能實現判定每個button的value,實現調用不同的函數?
2017-07-21 回復 有任何疑惑可以回復我~
#8

npc9527 回復 慕容8128746 提問者

我還有很多dom操作不熟悉,所以回答不了你這個問題,盡量多做多練多查吧
2017-07-21 回復 有任何疑惑可以回復我~
查看5條回復
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 回復 有任何疑惑可以回復我~
#1

慕姐9289733

remove
2017-07-21 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

如何實現將應用的屬性再返回到默認樣式?

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號