javascript - 如何使用 JavaScript 在另一个表中创建一个表？

Question

我正在使用 JavaScript 动态创建一个表。我有一个我想要的最小例子。下面是要生成的 HTML:

    <table id='mainTable'>
       <tr> 
          <td> Row 1 Cell 1 </td> 
       </tr>
       <tr> 
          <td> 
             <table>
                <tr> 
                   <td> ... </td>
                </tr>
             </table>
          </td> 
       </tr>
    </table>

我通过 var table1 = document.getElementById("mainTable"); 获取主表，然后使用 JavaScript insertRow(0) 和 添加行和单元格>插入单元格(0)。我只想知道如何在 td 单元格内添加新表格。

Answer 1

// create new table
const newTable = document.createElement('table')

// target cell, this is selecting every td inside your mainTable
const target = document.querySelectorAll('#mainTable td')

// add new Table to first cell (if you want to add to specific cell you can add a class to it and the target it like that) or change the number in brackets:
target[0].appendChild(newTable)