JavaScript - Ein Array in eine Liste verwandeln

Ich möchte ein Array, das aus Namen besteht, die von einem Benutzer eingegeben wurden, in eine ungeordnete Liste umwandeln, aber die Liste enthält alle Namen auf dem ersten Listenelement. Wie separiere ich die Namen auf verschiedene Listenelemente?JavaScript - Ein Array in eine Liste verwandeln

Das ist, was ich habe zur Zeit:

function createList(){ 
    var list = document.getElementById("list"); 
    var li = document.createElement("li"); 
    var input = document.getElementById("q8").value; 
    var strComma = input.split(","); 
    console.log(strComma); 
    var i = 0; 
    for (i; i < strComma.length; i++){ 
     var el = document.createTextNode(strComma[i]); 
     li.appendChild(el); 
     list.appendChild(li); 
    } 
}

Quelle

2016-05-28 gcpreston

verwenden können, die

function createList(){ 
    var list = document.getElementById("list"); 
    //var li = document.createElement("li"); 
    var input = document.getElementById("q8").value; 
    var strComma = input.split(","); 
    console.log(strComma); 
    var i = 0; 
    for (i; i < strComma.length; i++){ 
     var el = document.createTextNode(strComma[i]); 
     var li = document.createElement("li"); 
     li.appendChild(el); 
     list.appendChild(li); 
    } 
}

Auf diese Weise können neue li schaffen einen Trick tun sollten Element und Anhängen an die gleichen bestehenden ul Element. In Ihrer Weise, wo Sie li äußere Schleife erklärten, verwiesen Sie gerade das gleiche li Element jedes Mal.

Quelle

2016-05-28 10:15:21

Danke! Funktioniert perfekt jetzt – gcpreston

Wie und teilen ... oh, oh ... ich meine upvote und akzeptiere;) froh zu helfen;) –

Versuchen Sie, brauchen 15 Rufpunkte zu aktualisieren und müssen 3 Minuten warten, um zu akzeptieren? Anfänger Probleme – gcpreston

-1

HALLO Sie dieses

<!DOCTYPE html> 
<html> 
<body> 
<p>Click the button to convert the array into a String.</p> 
<button onclick="myFunction()">Try it</button> 
<p id="demo"></p> 
<script> 
function myFunction() { 
    var fruits = ["Banana", "Orange", "Apple", "Mango"]; 
    fruits.toString(); 
    document.getElementById("demo").innerHTML = fruits; 
} 
</script> 

</body> 
</html>

Quelle

2016-05-28 10:14:26

OP fragte, wie man es in eine ungeordnete Liste (ul-Tag) umwandelt. Auch der 'toString'-Aufruf ist nutzlos. –

können Sie es in ul und li-Liste setzen. Bitte fügen Sie ul und li mit js und verwenden Sie Array –

'Bitte ul und li mit js und Array verwenden '- Nun, anscheinend hat er das, er brauchte nur seinen Code ein wenig angepasst. –

JavaScript - Ein Array in eine Liste verwandeln

Antwort

Verwandte Themen