如何用js实现如下生成新的<td>标签,并插入一个数?

比如我有这样一个table

<table>
<tr>
<td rowspan="2"></td>
</tr>
</table>

我现在想要通过Js插入一个

 <tr><td></td></tr>

,并在其中写上一个值且修改原有的td的rowspan的值为3
多谢!

 <table id="tb">
    <tr>
        <td rowspan="2"></td>
    </tr>
</table>
<script>
    var tb = document.getElementById('tb');
    var tr = tb.insertRow(tb.rows.length);
    var td = tr.insertCell(0);
    td.innerHTML = '11111';

    tb.rows[0].cells[0].rowSpan = 3;
</script>
 <script>
$(document).ready(function(){
  var newrow = $("<tr><td></td></tr>");
  $('table').append(newrow);
  $('td',newrow).html('2222');
  $('td',$('table')).first().attr('rowspan','3');
});
</script>
</head>
<body>
<table>
<tr>
<td rowspan="2"></td>
</tr>
</table>
</body>

用$("table td").append();就可以