gpt4 book ai didi

javascript - 如何动态传递元素id并调用javascript函数?

转载 作者:行者123 更新时间:2023-11-28 21:15:17 24 4
gpt4 key购买 nike

我的 JavaScript 代码如下 -

function initPage(){

// Left Navigation Pane - moverOver effect:
document.getElementById("imgHowToBuy").onmouseover = leftNavHoverIn;
document.getElementById("imgNewAddition").onmouseover = leftNavHoverIn;
document.getElementById("imgMostPopular").onmouseover = leftNavHoverIn;
document.getElementById("imgOffer").onmouseover = leftNavHoverIn;
document.getElementById("imgRecentlySold").onmouseover = leftNavHoverIn;
.....
}

基本上我的代码可以工作(该函数被调用并执行得很好)。但我不认为我在这里使用了最佳实践的原则。不断调用同一个函数看起来有点奇怪;我可以以某种方式传递元素的 id 作为参数,然后执行该函数,以便整个事情减少到一行代码吗?

我是一个自学的 js 人:D

谢谢!

最佳答案

您不是“调用相同的函数”,您只是将单个函数分配给页面上的许多元素。我认为这里没有什么特别错误的地方。

您可以存储要分配此函数的所有元素的 id,这会减少代码行数,但没有具体理由这样做。

var leftNavElements = ["imgHowToBuy","imgNewAddition"]; // etc....
for(var i=0;i<leftNavElements.length;i++){
document.getElementById(leftNavElements[i]).onmouseover = leftNavHoverIn;
}

关于javascript - 如何动态传递元素id并调用javascript函数?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7767806/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com