Añadir div con varias divisiones secundarias usando For Loop

Me doy count de que esto se me ha preguntado un millón de veces … pero revisando todas las que he encontrado, no he encontrado una que realmente lo explique bien.

HTML:

<div id="alphabet"></div> 

JS:

 var alphabet = ["a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z"]; var target = document.getElementById('alphabet'); for (i = 0; i < 26; i++) { var newLink = document.createElement('div'); target.appendChild = newLink; newLink.innerHTML = alphabet[i]; } alert(alphabet); alert(newLink); alert(target); 

Obviamente, hay algo que me falta … Con un ejemplo tan simple, no puedo creer que tenga tantos problemas. Cualquier ayuda es muy apreciada, ¡gracias de antemano!

Básicamente node.appendChild(node) es una function.

 target.appendChild(newLink); 

Y tu código completo sería,

 for (i = 0; i < 26; i++) { var newLink = document.createElement('div'); newLink.innerHTML = alphabet[i]; target.appendChild(newLink); }