Wie erstellt man ein Element in einer Schleife und hängt es (5 Mal nacheinander) an das jeweilige div an?

I m trying to create an element(image) and then set a loop that would produce 5 images in one div(its id="leftSide"). Here ist mein Code:Wie erstellt man ein Element in einer Schleife und hängt es (5 Mal nacheinander) an das jeweilige div an?

<script>  
    var number_of_faces = 0; 
    var theLeftSide = document.getElementById("leftSide"); 

    function generate_faces() { 
     for (number_of_faces = 0; number_of_faces < 6; number_of_faces++) { 
      newFace = document.createElement("img"); 
      newFace.setAttribute(
       "src", 
       "http://home.cse.ust.hk/~rossiter/mooc/matching_game/smile.png" 
      ); 
      document.getElementById("leftSide").appendChild("img"); 
     } 
    } 


</script>

Körper onload hat die Funktion zu nennen, aber es passiert nichts. Div bleibt "leer"

Quelle

2016-06-10 Daria Ivanova

Versuchen Sie diesen Code

<!DOCTYPE html> 
<html> 
<head> 
    <title>Blah</title> 
</head> 
<body> 
<div id="leftSide"> 

</div> 
<script>  
    var number_of_faces = 0; 
    var theLeftSide = document.getElementById("leftSide"); 

    function generate_faces() { 
     for (number_of_faces = 0; number_of_faces < 5; number_of_faces++) { 
      newFace = document.createElement("img"); 
      newFace.setAttribute(
       "src", 
       "http://home.cse.ust.hk/~rossiter/mooc/matching_game/smile.png" 
      ); 
      theLeftSide.appendChild(newFace); 
     } 
    } 
    generate_faces(); 


</script> 
</body> 
</html>

Quelle

2016-06-10 04:32:46 Vikram

Was machst du damit: 'var theLeftSide = document.getElementById (" leftSide ");' warum behaltst du es, wenn du es nicht benutzt? ? –

Änderung document.getElementById("leftSide").appendChild("img"); mit document.getElementById("leftSide").appendChild(newFace);

Quelle

2016-06-10 04:29:56 monterico

vielen Dank! Eine weitere Frage: wird der leere Platz zwischen der Schleife und den geschweiften Klammern (ohne Code): document.getElementById ("leftSide"). AppendChild ("img"); }} beeinflussen, dass die Rückgabe der Funktion nicht definiert ist? –

Oder besser-more 'theLeftSide.appendChild (newFace);' sonst gibt es keinen Sinn, diese Codezeile in der Deklaration zu behalten. –

Nein, der leere Bereich oder Leerraum beeinflusst den Code in diesem Fall nicht – monterico

Sie eine Zeichenfolge "img" übergeben, anstatt die Newface Element.
Verwenden Sie document.getElementById("leftSide").appendChild(newFace);
und die Schleife sollte < 5 Schleife 5 mal sein.

Quelle

2016-06-10 04:30:14 warkentien2

Wie erstellt man ein Element in einer Schleife und hängt es (5 Mal nacheinander) an das jeweilige div an?

Antwort

Verwandte Themen