如何在js 中添加table

JavaScript020

如何在js 中添加table,第1张

document.write("<table id='addchart' >")

<table 中的双引号要改成单引号,整个<table>标签代码要写成一行,不要有换行。

用jquery插件吧,很方便的,比如设置该table的id为mytable

<table id="mytable">

<tr><td>第一行</td></tr>

</table>

<script>

//选取你的table,添加一行

$("#mytable").append("<tr><td>第二行</td></tr>")

</script>

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title></title>

<script type="text/javascript" src="js/jquery-1.11.1.min.js" ></script>

<script>

$(function(){

for(i=1i<=10i++){

$("table >tbody").append("<tr><td>"+i+"</td><td>张三"+i+"</td></tr>")

}

})

</script>

</head>

<body>

<table border="1">

<tr>

<th>序号</th>

<th>姓名</th>

</tr>

</table>

</body>

</html>