課程
/前端開發
/JavaScript
/JavaScript入門篇
我更改了類屬性后,怎么返回原來的屬性?類似于撤銷的功能?
2017-07-21
源自:JavaScript入門篇 3-6
正在回答
var?p1?=?document.getElementById("p1"); p1.classList.remove("one");
這樣可以移除你添加的類
慕容8128746 提問者
npc9527 回復 慕容8128746 提問者
npc9527 回復 npc9527
慕容8128746 提問者 回復 npc9527
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>
看下我下面的代碼,也可以實現,但感覺太啰嗦,是否能優化一下?
你可以再更改原來的屬性呀
慕姐9289733
舉報
JavaScript做為一名Web工程師的必備技術,本教程讓您快速入門
1 回答如何實現點擊取消重置,使css樣式恢復默認值
2 回答如何用className 返回元素 屬性的方法實現定義”取消設置“函數功能?
1 回答removeAttribute()不是刪除指定的屬性嗎,那為什么會變回默認的屬性
1 回答如何先加載頁面再實現輸出及樣式的改變
2 回答使用prompt()提問如何做默認?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2017-07-21
這樣可以移除你添加的類
2017-07-21
看下我下面的代碼,也可以實現,但感覺太啰嗦,是否能優化一下?
2017-07-21
你可以再更改原來的屬性呀