如何在 JS append html 上添加新行

Question

I have some node list, and I am trying to get some values from this list. It works fine but I can't append the values in new lines and everything rendered together.

    <div class="newinsert"></div>

  <script>
    const indiv = document.querySelector('.newinsert')
    const flist = document.querySelectorAll('someclass')
    const listClean = [...flist]
    
    console.log(listClean);
    listClean.forEach(list=> {
      const html = `${list.innerHTML} `
      indiv.append(html)
    })
  </script>

I tried adding <br> on html var but it just prints <br> with ""
\n doesn't work too

Thanks in advance.

EDIT: ok fixed it by

indiv.insertAdjacentHTML('beforeend', ${html} < br > )

Answer 1

append function receive string or HTMLNode element (more info )

but if your purpose is just to learn,you can simply replace InnerHtml content with your Html; or concatenate it to the current content;

 const indiv = document.querySelector('.newinsert') const flist = document.querySelectorAll('someclass') const listClean = [...flist] console.log(listClean); listClean.forEach(list=> { const html = `${list.innerHTML}<br> ` indiv.innerHTML = html //or indiv.innerHTML = indiv.innerHTML+html // if you effectly want to append conent to current dev content })

 <div class="newinsert"></div>