Display content of [object HTMLUListElement] using javascript

Question

I have a javascript function which generates a ul list based on an array being passed in using a similar approach to this - Create a

and fill it based on a passed

Answer 1

generateListFromArray returns HTMLUListElement. The simplest solution is to write its outerHTML:

document.getElementById("list").innerHTML = generateListFromArray(array).outerHTML;

However, if #list element in HTML is already a UL then you don't want to have extra

(markup will be invalid). In this case you would need to use innerHTML:

document.getElementById("list").innerHTML = generateListFromArray(array).innerHTML;