Javascript自动重置CSS样式

w6mmgewl  于 2022-10-30  发布在  Java
关注(0)|答案(2)|浏览(171)

我有一个改变元素样式的按钮。我可以让这个按钮自动重置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>
yqkkidmi

yqkkidmi1#

这将删除该元素中的所有样式:

document.getElementById("coin1").style.cssText = null

一段时间后重置样式
第一个

uxhixvfz

uxhixvfz2#

使用js从元素中移除css样式移除所有样式。

  1. document.getElementwithSomeMethod.style.cssText=null
  2. document.getElementwithSomeMethod.style.cssText=null
    移除单一样式
  3. document.getElementBySomeMethod.style.removeProperty(propertyName)

相关问题