首先查看页面只显示离开和出勤两个按钮。当我点击离开按钮时,我会显示表格(tb2)。然后我再次点击那个按钮,它会隐藏表格
当我点击考勤时,我会显示另一个表格(tb3)。它和以前的一样
现在对我来说,当我点击离开按钮时,打开的出勤表应该关闭,出勤按钮也是如此。
我的代码:
var click = document.getElementById('clickme');
click.addEventListener('click', myfunction);
function myfunction() {
var tablewrap = document.getElementById('tb2');
tablewrap.classList.toggle('show')
};
var click = document.getElementById('click');
click.addEventListener('click', myfunction);
function myfunction() {
var tablewrap = document.getElementById('tb3');
tablewrap.classList.toggle('show')
};
var click = document.getElementById('clickme');
click.addEventListener('click', myfunction);
function myfunction() {
var tablewrap = document.getElementById('tb2');
tablewrap.classList.toggle('show');
document.getElementById('tb3').classList.remove('show');
};
var click = document.getElementById('click');
click.addEventListener('click', myfunction);
function myfunction() {
var tablewrap = document.getElementById('tb3');
tablewrap.classList.toggle('show');
document.getElementById('tb2').classList.remove('show')
};
显式删除类
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句