Indsætte array i funktion og løb det igennem

*    document.getElementById( var ).innerHTML = "test";

Det vil blive noget lign.

for (var i = 0; i < variable.length; i++) {
    document.getElementById(variable[i])...
}

Men innerHTML er vist ikke vejen frem :)

"var" er et reserveret ord og desuden hedder det "for each (element in array)" og ikke som i PHP "foreach (array as element)" - ellers er det samme ide:

for each (var my_variable in my_array) {
  document.getElementById(my_variable).innerHTML = "test";
}

Foreach blev tilføjet i JS1.4 tror jeg det var, så det har de fleste nyere browsere - ellers kan du bruge for..in der gennemløber keys frem var values:

for (var my_variable in my_array) {
  document.getElementById(my_array[my_variable]).innerHTML = "test";
}

Og hvis du endeligt skal løbe array'et igennem i række følge, så kan du gå helt ned til den simple løkke med et tal du inkrementerer - det er dog ikke nødvendigt, da ovenstående virker lige så fint.

:)

--
Morten Barklund

Burde det her så ikke virke:

<script type="text/javascript">
function minTest( my_array )
{
    for each( var my_variable in my_array )
    {
        document.getElementById( my_variable ).innerHTML = "test";
    }
}
</script>
<a onclick="minTest( array( 'tags1', 'test2', 'test3' ) );" href="#">test2</a>
<span id="test1"></span><span id="test2"></span><span id="test3"></span>

Hej testwatest,

Nej det burde stadig ikke helt virke, der er et par små-fejl i din kode, prøv at sammenligne med den jeg skriver nedenfor og se forskellene :).


function minTest( my_array )
{
    for( var my_variable in my_array )
    {
        document.getElementById( my_array[my_variable] ).innerHTML = "test";
    }
}

<a onclick="minTest( ['test1', 'test2', 'test3'] );" href="#">test2</a>
<span id="test1"></span><span id="test2"></span><span id="test3"></span>


Håber det hjalp! :)

Mvh.

- Snap

<ole>

Brug ikke en for/in-løkke, når du kan bruge en alm. for-løkke. Den sidste er betydeligt simplere og derfor hurtigere (mindre CPU/RAM krævende):

function minTest( my_array ) {
    for (var i=0,j=my_array.length; i<j; i++) {
        document.getElementById( my_array[i] ).innerHTML = "test " + i;
    }
}

<a onclick="minTest( ['test1', 'test2', 'test3'] );" href="#">test2</a>
<span id="test1"></span><span id="test2"></span><span id="test3"></span>

/mvh
</bole>

- og husk i øvrigt at returnere false i event-handler'en:
    <a onclick="minTest( ['test1', 'test2', 'test3'] );return false" href="#">test2</a>