Javascript 。单击将无法使用onclick=";this.classlist.toggle(';';)";

Javascript 。单击将无法使用onclick=";this.classlist.toggle(';';)";,javascript,html,Javascript,Html,我不明白为什么当我点击按钮时,周年纪念没有开始。如果手动单击硬币,则效果良好。该按钮连接到onclick函数,该函数应单击硬币开始周年纪念。非常感谢您的回复。在过去的4个小时里,我一直在努力解决这个问题,但没有取得任何进展。谢谢 这是小提琴: 函数myFunction(){ document.getElementById(“硬币”)。单击(); } 英雄{ 左边距:200px; } .teamlogo{ 左:5%; } /*整个容器,保持透视*/ .翻转容器{ /*透视图*/ -webkit

我不明白为什么当我点击按钮时,周年纪念没有开始。如果手动单击硬币,则效果良好。该按钮连接到onclick函数,该函数应单击硬币开始周年纪念。非常感谢您的回复。在过去的4个小时里,我一直在努力解决这个问题,但没有取得任何进展。谢谢

这是小提琴:

函数myFunction(){
document.getElementById(“硬币”)。单击();
}
英雄{ 左边距:200px; } .teamlogo{ 左:5%; } /*整个容器,保持透视*/ .翻转容器{ /*透视图*/ -webkit透视图:1000; -莫兹透视图:1000; -ms透视图:1000; -o型透视图:1000; 前景:1 000; } /*悬停时翻转窗格*/ .翻了{ /*转化*/ -webkit变换:旋转(180度); -莫兹变换:旋转(180度); -ms变换:旋转(180度); -o变换:旋转(180度); 变换:旋转(180度); } .翻转容器,.正面,.背面{ 宽度:50px; 高度:50px; } /*翻转速度在这里*/ .鳍状肢{ /*过渡*/ -webkit转换:5s; -moz转换:5s; -o-过渡:5s; 过渡期:5s; /*变换样式*/ -webkit变换样式:保留-3d; -moz变换样式:preserve-3d; -ms变换样式:preserve-3d; -o变换样式:preserve-3d; 变换样式:保留-3d; 位置:相对位置; } /*交换期间隐藏窗格的背面*/ .前面,.后面{ /*背面能见度*/ -webkit背面可见性:隐藏; -moz背面可见性:隐藏; -ms背面可见性:隐藏; -o-背面-可见性:隐藏; 背面可见性:隐藏; 位置:绝对位置; 排名:0; 左:0; } /*前窗格,置于后上方*/ .前线{ z指数:2; } /*背面,最初隐藏的窗格*/ .回来{ /*转化*/ -webkit变换:旋转(180度); -莫兹变换:旋转(180度); -ms变换:旋转(180度); -o变换:旋转(180度); 变换:旋转(180度); }
只需将输入类型从“提交”更改为“按钮”。这将阻止它将表单提交到服务器

函数myFunction(){
document.getElementById(“硬币”)。单击();
}
英雄{ 左边距:200px; } .teamlogo{ 左:5%; } /*整个容器,保持透视*/ .翻转容器{ /*透视图*/ -webkit透视图:1000; -莫兹透视图:1000; -ms透视图:1000; -o型透视图:1000; 前景:1 000; } /*悬停时翻转窗格*/ .翻了{ /*转化*/ -webkit变换:旋转(180度); -莫兹变换:旋转(180度); -ms变换:旋转(180度); -o变换:旋转(180度); 变换:旋转(180度); } .翻转容器,.正面,.背面{ 宽度:50px; 高度:50px; } /*翻转速度在这里*/ .鳍状肢{ /*过渡*/ -webkit转换:5s; -moz转换:5s; -o-过渡:5s; 过渡期:5s; /*变换样式*/ -webkit变换样式:保留-3d; -moz变换样式:preserve-3d; -ms变换样式:preserve-3d; -o变换样式:preserve-3d; 变换样式:保留-3d; 位置:相对位置; } /*交换期间隐藏窗格的背面*/ .前面,.后面{ /*背面能见度*/ -webkit背面可见性:隐藏; -moz背面可见性:隐藏; -ms背面可见性:隐藏; -o-背面-可见性:隐藏; 背面可见性:隐藏; 位置:绝对位置; 排名:0; 左:0; } /*前窗格,置于后上方*/ .前线{ z指数:2; } /*背面,最初隐藏的窗格*/ .回来{ /*转化*/ -webkit变换:旋转(180度); -莫兹变换:旋转(180度); -ms变换:旋转(180度); -o变换:旋转(180度); 变换:旋转(180度); }
了解单击表单中的
元素会做什么。。。提示:提交表单并加载一个新页面(或重新加载当前页面)——人们为什么会这样滥用
表单,我一直感到惊讶