javascript - 通过按下按钮在表中创建表

Question

我目前有一张 table ，位于 <td> 之一中，我有复选框的输入类型。如果用户单击它，它将创建不同的表。

<div style="padding-left:170px;">
<table width="80%" border="1" padding-left:50px>  
    <tr>  
        <td>  
            <table border="1" style="float:left"> 
                <th>Portal01</th> 
                <tr>  
                    <td style= "padding:12px;" align="left" >
                    <input type="test0" id = "test0" name="liveDiff"  onchange = "expandService()"> blah_0
                    </td>
                    <td>
                    blah_1
                    </td>
                    <td>
                    blah_2
                    </td>
                </tr>  
           </table>
       </td>
   </tr>
</table>  

我已将其设置为如果用户单击 blah_0 旁边的复选框，它应该在此表中创建不同的表。我不确定 JavaScript 是否可以实现这一点，如果不能，解决这种情况的替代方法是什么。

Answer 1

这是可能的。

function expandService(){
  document.getElementById('the_id_of_the_td_that_will_contain_the_new_table').innerHTML = 
    '<table><tr>...</tr></table>';
}