[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.

 

.

 

[Fingerlicking]

Wat een brakke implementatie zeg.. De functie heet get persons, maar je zet de velden.. Daarnaast ga je er vanuit dat de elementen er al zijn. Waarom vul je die elementen niet met de waardes tijdens het aanmaken?

 

Dan de iteraties: kennelijk is er al bij het aanmaken van de elementen een fundamenteel probleem ontstaan, namelijk iets als index + 1, of index = 1 ipv index = 0. Ipv dat te fixen doe je hier een for loop, waar i de identifier zou moeten zijn, maar heb je alsnog een id var gemaakt om te compenseren voor de fundamentele foutieve implementatie.

• Deze reactie is gewijzigd 3 maanden, 2 weken geleden door Fingerlicking.