[JavaScript] Probleempje met getElementByID

[VonAalscht]

Situatieschetsje:

Ik heb een PHP pagina die voor mij een hele rits met hidden input velden geeft op een formulier. Deze beginnen allemaal met inputCheck en dan een nummer. Nu wil ik via een loopje al deze waarden (stuk of 400) resetten, op "false" zetten.

code:

for (i = 1; i < 100; i++)
{
    var x = i+'';
    document.getElementById('inputCheck' +x).value = "false";
    check[i] = false;       
}

(die 100 is om even te testen).

Ik begrijp dat als ik die x een getal laat (dus x = i) dat het fout gaat, omdat x dan een getal is, terwijl het een string moet zijn. Daarom doe ik die x = i+'';

Bovenstaande loop werkt niet. Als ik kei hard:

code:

    var x = i+'';
naar
    var x = '1';

verander is er niets aan de hand, en werkt het goed. Heeft iemand een idee hoe ik misschien beter een string kan maken van die i ?


De foutmelding is BTW:

code:

'document.getElementById(...)' is leeg of geen object

[ Voor 11% gewijzigd door VonAalscht op 03-06-2004 21:12 ]

[drm]

code:

<script type="text/javascript">
i = 169;
var id = "somestring" + i; 
alert ( typeof i );
</script>

behold 't Ligt dus niet aan het wel of geen string zijn van de parameter van getElementById (), maar aan het wel of niet bestaan van die id.

Ik zou even op zoek gaan voor welke waarde van i het precies fout gaat.

[VonAalscht]

potverdrie, het bleek een beetje fout te gaan in mijn modulo berekeningen waardoor elk 6e element niet weggeschreven werd

bedankt voor de oplossing, heb inderdaad even gekeken bij welk element het fout ging (het 6e dus )

[Johnny]

Als je scripts van m'n website gebruikt mag je ook e-mailen, ik ben niet zo eng als m'n icon lijkt

_{Of je shrijft je javascript op dezelfde manier, in dat geval: great minds think alike.}

[ Voor 29% gewijzigd door Johnny op 03-06-2004 22:38 ]

[djluc]

JavaScript:

//algemeen stukje over hoe je kunt controleren of het object wel bestaat:
for (var i = 1; i < 100; i++){
  if(typeof document.getElementById('inputCheck'+i)=='object'){
    //hij bestaat
    document.getElementById('inputCheck'+i).value = "false";
    check[i] = false;    
  }     
}

[crisp]

JavaScript:

//algemeen stukje over hoe je kunt controleren of het object wel bestaat:
var i = 100, el;
while (--i) {
  if ((el = document.getElementById('inputCheck'+i)) !== null) {
    el.value = 'false';
    check[i] = false;
  }
}

zou ook moeten werken

[djluc]

crisp schreef op 04 juni 2004 @ 14:09:

JavaScript:

var i = 100, el;
while (--i) {
  if ((el = document.getElementById('inputCheck'+i)) !== null) {
    el.value = 'false';
    check[i] = false;
  }
}

zou ook moeten werken

Je bent goed hoor... E natuurlijk is de code van crisp weer enkele miliseconden sneller want je doet maar 1x de kostbare aanroep naar een element. Dat zegtie alleen niet

[ Voor 10% gewijzigd door djluc op 04-06-2004 14:26 ]

[crisp]

het ging me eigenlijk voornamelijk om het feit dat getElementById null teruggeeft als een element niet bestaat, en je dus geen type-check hoeft te doen

[drm]

leve de typesafe comparison \o/

[djluc]

drm schreef op 04 juni 2004 @ 15:04:
leve de typesafe comparison \o/

Wat is dat precies? [google="typesafe comparison" javascript] geeft namelijk niet echt veel resultaat.

[Verwijderd]

Voorbeeld:
1 == "1" zal true geven
1 === "1" zal false geven want de types zijn niet gelijk

[djluc]

Dat is me inderdaad wel bekend maar wist niet, net zoals google, dat dit deze naam heeft.

[drm]

Mja, da's ook niet echt een officiele naam ofzo. [google=strong typed comparison javascript] levert meer op

edit:

Er wordt ook bijzonder weinig melding van gemaakt in tutorials e.d., valt me op.

[ Voor 30% gewijzigd door drm op 04-06-2004 16:48 ]