Elemente dynamisch einfügen

[Timo "God's Boss" Reitz]

var values = ( 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h' );

var ul = document.getElementById( 'picture-list' );
      for( var i = 0; i <= ul.childNodes.length; i++ ) {
        ul.childNodes[i].childNodes[0].appendChild( 'span', values[i] );
      }

> Fehlermeldung: ul is null.  

Wann rufst du diesen Code denn auf? Wenn der Code ausgeführt wird, bevor der Parser bei der Liste ist (also beispielsweise direkt in einem Skript im Kopf des Dokuments), dann wird natürlich kein Element zurückgeliefert.  
Am Besten, du erstellst mal ein komplettes Minimalbeispiel, dass man direkt testen kann (idealerweise stellst du es online).  
  
Nochwas am Rande zum Stil: Die Einrückung der ersten Zeile weicht ab von der der zweiten Zeile, warum? Und die Leerzeichen hinter öffnenden und vor schließenden Klammern finde ich doch etwas ungewöhnlich.

-- 
Reden ist Silber, Schweigen ist Gold, meine Ausführungen sind Platin.  
  
Self-Code: sh:( ch:? rl:( br:> n4:( ie:{ mo:) va:) de:> zu:} fl:| ss:| ls:~ js:|