5 berichten aan het bekijken - 1 tot 5 (van in totaal 5)
  • Q:

    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.

     

    .

     

5 berichten aan het bekijken - 1 tot 5 (van in totaal 5)

Je moet ingelogd zijn om een reactie op dit onderwerp te kunnen geven.