[Bijdrager Shmoo]

Probeer een variabele in de getElementById() te krijgen

 

Waarom werkt deze onzin niet. Waarom is JavaScript zo strikt in alles. Dit is potverdorie zo ontzettend logisch en simpel, dat je dit soort dingen wilt doen.

 

 

 

[Bijdrager TheBigZ]

Shmoo op 4 mei 2019 om 22:38

Waarom werkt deze onzin niet.

Geen idee wat je probeert te bereiken.

 

Een aantal voornamen achter elkaar plakken?

 

Hoe zien de “id” attributen in je HTML eruit?

 

 

https://www.w3schools.com/jsref/met_document_getelementbyid.asp

[Bijdrager Shmoo]

Ik wil specifieke ID’s targetten, dus de ID-selector dynamisch maken.

 

Deze zijn nu zo opgebouwd + leeg.

voornaam1
voornaam2
voornaam3

…..

 

Ze moeten gevuld worden met elke één voornaam dat uit een JSON formaat komt.

 

Ik begrijp dat de getElementByID() nu buiten de loop staat maar ik was even aan het testen of de positie van getElementByID() nog iets uitmaakte.

 

Wat ik dus wil is een variabele kunnen meegeven (die optelt tijdens de loop) , aan de getElementByID( hier ) method.  <– het lijkt dat je tussen de haakjes met het getElementByID() alleen maar strings mag typen en geen variabele gebruiken. Ik heb al van alles geprobeerd zoals getElementByID( var.toString() )  maar dat werkt ook niet. 🙁

[Bijdrager TheBigZ]

Je bedoelt iets als dit?

https://jsfiddle.net/fnykgv1o/6/

 

HTML

 
 
<p id="voornaam0">Voornaam 0</p>
<p id="voornaam1">Voornaam 1</p>
<p id="voornaam2">Voornaam 2</p>
 
 

 

JavaScript

 
 
var voornaam = ["Jan", "Piet", "Klaas"];
 
for (let i=0; i<3; i++)
{
document.getElementById("voornaam" + i).innerHTML = voornaam[i];
}
 
 

[Bijdrager Shmoo]

Dat is inderdaad de oplossing.

 

Bedankt voor het duwtje in de juiste richting. Al beginnen de ID’s in HTML wel bij 1 en niet bij 0 dus heb ik die maar even apart en +1 gemaakt.

 

.