我有一些可点击的面板,它们会在鼠标悬停时突出显示。
是否可以在页面加载时突出显示其中一个面板?
我一直在尝试在页面加载时将活动标签添加到第3个面板中,但是找不到任何解决方案。
https://codepen.io/sharpy24ws/pen/dyyreEw
// Add active class to the current button (highlight it)
var header = document.getElementById("myDIV row");
var btns = header.getElementsByClassname("card");
for (var i = 0; i < btns.length; i++) {
btns[i].addEventListener("click",function() {
var current = document.getElementsByClassname("active");
current[0].classname = current[0].classname.replace(" active","");
this.classname += " active";
});
}
var header = document.getElementById("myDIV row");
var btns = header.getElementsByClassname("card");
for (var i = 0; i < btns.length; i++) {
btns[i].addEventListener("mouseover",function() {
var current = document.getElementsByClassname("active");
current[0].classname = current[0].classname.replace(" active","");
this.classname += " active";
});
}