问题描述
- 如何用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();就可以
时间: 2024-05-20 13:30:53