我嘗試將帶有 Eventlistener 的函數添加到帶有 for 循環的一行 div 中。但是這些功能不起作用。div 中沒有發生任何事情。所有 div 都在 PHP 文件中定義。記者：function chartouterdivscalemax(i) { var a = document.getElementsByClassName('chartouterdiv'); a[i].style.transform = "scale(1.25)"; var b = document.getElementsByClassName('logocontainer'); b[i].style.transform = "scale(1.25)"; b[i].style.transform = "translate(0px, 10px)"; var c = document.getElementsByClassName('highdiv'); c[i].style.height = "70px"; var d = document.getElementsByClassName('lowdiv'); d[i].style.height = "35px"; }function chartouterdivscalemin(i) { var a = document.getElementsByClassName('chartouterdiv'); a[i].style.transform = "scale(1)"; var b = document.getElementsByClassName('logocontainer'); b[i].style.transform = "scale(1)"; var c = document.getElementsByClassName('highdiv'); c[i].style.height = "55px"; var d = document.getElementsByClassName('lowdiv'); d[i].style.height = "50px"; }function iteratescalefunction() { var elements = document.getElementsByClassName('chartouterdiv'); for (var i = 0; i <= elements.length; i++ ){ elements[i].addEventListener("mouseover", function(i){chartouterdivscalemax(i)}, false); elements[i].addEventListener("mouseout", function(i){chartouterdivscalemin(i)}, false); console.log(i); }}CSS：.chartouterdiv{ height:115px; width:215px; background-color: black; display: flex; align-items: center; justify-content: center; transition: 0.5s; transform: scale(1); }.chartinnerdiv{ height: 105px; width: 205px; background-color: white;}.highdiv{ height: 55px; width: 205px; background-color: antiquewhite; transition: 0.5s;}.lowdiv{ height: 50px; width: 205p; background-color: aqua; display: flex; align-items:center; justify-content: center; transition: 0.5s;}}
通過 .addEventListener 迭代函數到 div 不起作用
翻過高山走不出你
2022-11-27 16:51:02
