如何将动态 id 设置为表并将 append 设置为 div？

Question

我想使用 class table_container 在 div 容器中动态创建 10 个表和 append。 这是我正在尝试的片段，我是否需要根据我的要求对其进行任何更改？

 for( let i =0; i< 10; i++){ var table = document.createElement('table'); table.setAttribute("id", "table"+i); }

 <div class="table_container"> </div>

Answer 1

// Get a reference to the container.
const container = document.querySelectorAll('.table_container')[0];

for(let i = 0; i < 10; i++){
  // Create the new <table>
  const table = document.createElement('table');
  table.setAttribute("id", "table"+i);
  
  // Append it to the inside of the container.
  container.appendChild(table);
}