innerHTML elements in wrong place

Question

My understanding of innerHTML isn\'t completely clear so I\'m having some trouble.

This produces all of my td\'s outside of the table. What am I doing wrong?

Answer 1

This sometimes happen if you don't close your tags correctly. in your example:

var list = document.getElementById("procTable");
list.innerHTML = "";
for (var i = 0; i < result.d.ProcessDataColumnModel.length; i++) {
    list.innerHTML += "";
}
list.innerHTML += "
" + (result.d.ProcessDataColumnModel[i].Caption)+ "
";