Javascript for循环函数中的参数

我正在编写这段代码，但这需要时间，因为它将是h1直到h24，所以我决定使用for循环，但我不知道如何

这是我的原始代码

function hover(h1,h2,h3,h4){
  document.getElementById(h1).style.backgroundColor="orange";
  document.getElementById(h2).style.backgroundColor="orange";
  document.getElementById(h3).style.backgroundColor="orange";
  document.getElementById(h4).style.backgroundColor="orange";
}

我想把它换成这样的东西

function hover(
  for(i = 1; i<=24; i++) {
    document.write("h"+i+",");
  }
)

函数悬停(
对于（i=1；i
函数悬停（）{
对于（变量i=1；i<25；i++）{
document.getElementById（“h”+i）.style.backgroundColor=“橙色”；
}
}

如果需要更多控制，可以将上限设置为参数，例如

function hover(limit) {
    for(var i = 1; i <= limit; i++) {
        document.getElementById("h" + i).style.backgroundColor="orange";
    }
}

功能悬停（限制）{
对于（var i=1；i，您需要使用Javascript的对象

以下是我的建议：

<div id="h1">test</div>
<div id="h2">test</div>
<div id="h3">test</div>
<div id="h4">test</div>

您发布的代码有几处错误。我想我理解您试图解决的问题。请尝试以下方法：

function hover(eleId){
  document.getElementById(eleId).style.backgroundColor="orange";
}
for(i=1; i<=24; i++){
  hover("h"+i.toString());
}

函数悬停（eleId）{
document.getElementById（eleId.style.backgroundColor=“橙色”；
}
对于（i=1；首先，这些方法正在寻找名为
h1/2/3/4
的变量。你没有设置它们。我已经声明了@RUJordan，我只是没有包含它，因为它太长了。..hello@davidkonrad对循环参数有什么建议吗？不可能使用
为
循环构建参数列表。在你的例如，您试图创建一个字符串。@GeorgeBrighton这是可能的，而且非常简单。请参阅我的回答谢谢您的回答，但该参数是我实际希望用于循环的参数。我想您误解了函数的调用方式。您所说的“for looped”是什么意思？您好，意大利谢谢。但是参数在哪里？我应该继续吗I’我会一个接一个地放好吗？看我给你的演示。你可以发送任意多的元素
<div id="h1">A</div>
<div id="Hello">B</div>
<div id="box">C</div>
<div id="World">D</div>

hover("h1", "Hello", "box", "World");

<div id="h1">test</div>
<div id="h2">test</div>
<div id="h3">test</div>
<div id="h4">test</div>

<script>
function hover(dummy){
    for (var i=0; i<arguments.length; i++) {
        var element = document.getElementById(arguments[i]);
        element.onmouseover = function() {
            this.style.backgroundColor="orange";
        }
        element.onmouseout = function() {
            this.style.backgroundColor="white";
        }
    }
}

//hover('h1','h2','h3','h4');
for (var i=1;i<=24;i++) {
   hover('h'+i);
}
</script>

function hover(eleId){
  document.getElementById(eleId).style.backgroundColor="orange";
}
for(i=1; i<=24; i++){
  hover("h"+i.toString());
}