所以我想使用CSS将这个div元素的不透明度定义为0,然后使用JS事件侦听器对其进行切换。 下面是我的代码:
html:
null
window.addEventListener("load", function() {
const button = document.querySelector("button");
button.addEventListener("click", clicked);
});
function clicked(){
const div = document.querySelector("div");
div.classList.toggle("divDisplay");
}
div{
transform: scale(0);
transition: transform 1s;
}
.divDisplay{
transform: scale(1);
}
<button>Click!</button>
<div>Some text...</div>
null
这里有一个指向我真实代码的链接,这是我真正的问题:https://codepen.io/mattanelkaim/pen/wvmrrew
您可以尝试在css中放置div{opacity:0!important;} important将覆盖该元素以前具有的所有属性