UC知道如何用javascript更改table里tr的内容
来源：百度知道 编辑：UC知道 时间：2024/07/16 12:53:41
function test2(){
document.getElementById("tr").innerHTML='<td id="td1">a</td><td>b</td><td>c</td><td>d</td>';
}
<table id="table">
<tr id="tr">
<td id="td1">1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
</table>
<input type="button" onclick="test2()" value="wwww"/>
上面这些运行了后浏览器报"未知运行错误",望高人来指点下~~
document.getElementById("tr").innerHTML='<td id="td1">a</td><td>b</td><td>c</td><td>d</td>';
}
<table id="table">
<tr id="tr">
<td id="td1">1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
</table>
<input type="button" onclick="test2()" value="wwww"/>
上面这些运行了后浏览器报"未知运行错误",望高人来指点下~~
如果不想改html的话，就用jquery吧
<html>
<head>
<script>
function test2(){
$("#table #tr").html('<td id="td1">a</td><td>b</td><td>c</td><td>d</td>');
}
</script>
<script language="javascript" type="text/javascript" src="jquery/jquery.js"></script>
<style>
</style>
</head>
<body>
<table id="table">
<tr id="tr">
<td id="td1">1</td>
<td>2</td>
<td>3</td>
<td>4</td>
</tr>
</table>
<input type="button" onclick="test2()" value="wwww"/>
</body>
</html>
document.getElementById("tr").innerHTML
这句改成