✔ Syntaxfrage zu Bildtausch im Dokument per variable

D

DerOtto

Grünschnabel
Code: 
var i=10;
var s;

function change()
{
	if(i>=0)
	{
		i++;
    var s = i.toString();
    for (var z=0; z < s.length; z++) {'document.zahl' + s.charAt(z) + '.src="count' + s.charAt(z) + '.jpg"';}
	} else {
		document.zahl0.src="count0.jpg";
		document.zahl1.src="count0.jpg";
		document.zahl2.src="count0.jpg";
	}
}

Die elseschleife führt zum richtigen ergbnis. die eigentliche schleife führt jedoch zu nichts. Wie schreibe ich hier die zeile in JS richtig?

Also document.zahl0.src="count0.jpg"; macht das richtige
jedoch 'document.zahl' + s.charAt(z) + '.src="count' + s.charAt(z) + '.jpg"';
gibt keinerlei ergebnis.
Klar geht das indem ich document.write verwende, aber dass würde dann ja nur zu nur meinen zahlen und einen seiten refresch durchführen und den rest der seite nicht mehr anzeigen. Also wie gehe ich hier vor?
 
Hi,

mit der Methode getElementsByName kannst du mit variablen Namen auf Elemente zugreifen.

Beispiel:
Code: 
<html>
<head>
<meta name="author" content="Quaese">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
  <!--
var i=10;

function change(){
  if(i>=0){
    for(var z=0; z<i; z++){
      for(var j=0; j<3; j++)
      	document.getElementsByName("zahl"+j)[0].src = "count" + z + ".jpg";
    }
  }else{
    document.zahl0.src="count1.jpg";
    document.zahl1.src="count1.jpg";
    document.zahl2.src="count1.jpg";
  }
}
 //-->
</script>
</head>
<body>
<button onclick="change();">change</button>
<div>
<img name="zahl0" src="count1.jpg">
<img name="zahl1" src="count1.jpg">
<img name="zahl2" src="count1.jpg">
</div>
</body>
</html>
Ciao
Quaese
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück