Javascript 我能';不要添加或删除类
我试图删除一个类并在一个函数中添加一个类。但当我点击按钮时,什么都没有发生 这是我的密码Javascript 我能';不要添加或删除类,javascript,html,addeventlistener,Javascript,Html,Addeventlistener,我试图删除一个类并在一个函数中添加一个类。但当我点击按钮时,什么都没有发生 这是我的密码 函数unlikeVerhaal(不同于){ 与违约不同; document.querySelector(“#unliked”).classList.add('onzichtbaar'); document.querySelector(“#liked”).classList.remove('onzichtbaar'); } document.querySelector('.likebutton')。addE
函数unlikeVerhaal(不同于){
与违约不同;
document.querySelector(“#unliked”).classList.add('onzichtbaar');
document.querySelector(“#liked”).classList.remove('onzichtbaar');
}
document.querySelector('.likebutton')。addEventListener('submit',unkeverhaal)代码>
.onzichtbaar{
显示:无;
}
777
这将按照您的预期工作:
function unlikeVerhaal(e) {
e.preventDefault;
document.getElementById('unliked').classList.add('onzichtbaar');
document.getElementById('liked').classList.remove('onzichtbaar');
}
document.getElementById('likebutton').addEventListener('click', unlikeVerhaal);
只需将提交
更改为单击
,然后从按钮中删除类型
更新:
您只需结合使用三种方法.contains()
、.add()
和.remove()
以及简单的if/else语句(或者三元运算符,如果您喜欢的话)如下面的代码片段所示:
var btn=document.querySelector('.likebutton');
函数unlikeVerhaal(){
var ul=document.getElementById(“未链接”);
var l=document.getElementById(“喜欢”);
if(ul.classList.contains(“onzichtbaar”)){
ul.classList.remove(“onzichtbaar”);
l、 添加(“onzichtbaar”);
log(“检查元素以查看类切换!”)
}否则{
l、 类列表。删除(“onzichtbaar”);
ul.类列表添加(“onzichtbaar”);
log(“检查元素以查看类切换!”)
}
}
btn.addEventListener(“单击”,取消链接)
.onzichtbaar{背景色:绿色;}
A.
B
777
我几乎肯定
s fire提交事件,不是
。更改事件侦听器以单击按钮并从按钮中删除该类型属性,因此您不应该为“相似”和“不相似”创建两个函数,而是在一个函数中切换类并在其中设置if条件,因为现在您的代码需要两个按钮我不知道您是否需要它您可以使用堆栈片段而不是外部按钮吗提琴?@OgechiChibueze但提琴有效,看看console@barmar什么问题,什么不是否决我的anwser的理由,我使用我喜欢使用的,堆栈片段有时让我困惑。我只是评论,没有否决。除非答案是错的,否则我决不会投反对票。Stack snippet与JSFIDLE非常相似,有什么让人困惑呢?我同意,这很烦人。但是,一旦创建了小提琴,就可以轻松地将其复制/粘贴到片段中。