<div class="container">
  <ul>
    <li class="elm">Element1</li>
    <li class="elm">Element2</li>
    <li class="elm">Element3</li>
  </ul>
</div>
<button id="button">Get Element</button>
<p id="msg">Click button</p>
button{
  padding:10px 20px;
  background:#333;
  color:#fff;
  border-radius:6px;
  border:none;
}
document.getElementById("button").onclick = function() {
  const elms = document.querySelectorAll(".elm");
  const msg = document.getElementById("msg");
  
  elms.forEach((item) => {
    msg.insertAdjacentHTML("beforeend","<br>"+(item.textContent));
  });
};

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.