我有一个改变元素样式的按钮。我可以让这个按钮自动重置CSS的改变,回到默认值吗?下面是代码:
<div class="coinboxcontainer"><img id="coin1" src="/wp-content/uploads/2022/10/coin.png" alt="box" width="40" height="40">
<a onclick="tosscoin()"><img src="/wp-content/uploads/2022/10/coinbox.png" alt="box" width="40" height="40"></a>
<audio id="audio" src="/wp-content/uploads/2022/10/coinsound.mp3"></audio>
<script>
function tosscoin() {
document.getElementById("coin1").style.transform = "translatey(-70px)";
var audio = document.getElementById("audio");
audio.play();
}
</script>
</div>
2条答案
按热度按时间yqkkidmi1#
这将删除该元素中的所有样式:
一段时间后重置样式
第一个
uxhixvfz2#
使用js从元素中移除css样式移除所有样式。
document.getElementwithSomeMethod.style.cssText=null
document.getElementwithSomeMethod.style.cssText=null
个移除单一样式
document.getElementBySomeMethod.style.removeProperty(propertyName)