With respect to the line breaks, in the DOM, a line break is represented by a <br>
element, not a \n
character. So you should loop over the Array, and add a text node followed by a <br>
.
var header = document.getElementById('theHeaderTag0');
var createLevel1CellTag = header.appendChild(document.createElement('td'));
createLevel1CellTag.id = 'Level1';
for (var i = 0; i < Level1Items.length; i++) {
createLevel1CellTag.appendChild(document.createTextNode(Level1Items[i]));
createLevel1CellTag.appendChild(document.createElement("br"));
}
I don't entirely follow your alternate question about selecting by ID.