JS怎样使用appendChild 给table 增加tr td

insertRow（）函数可以带参数，形式如下： 这个函数将新行添加到index的那一行前，比如insertRow（0），是将新行添加到第一行之前，默认的insertRow（）函数相当于insertRow（－1），将新行添加到表的最后。

<scriptlanguage="JavaScript">

vart＝document．getElementById（＂test＂）；

t.innerHTML="<tr><td>数据</td></tr>"

／／或者

vart＝document．getElementById（＂test＂）；

vartr＝document．createElement（＂tr＂）；

vartd＝doucment．createElement（＂td＂）；

td．innerHTML＝＂数据＂；

tr．appendChild（td）；

t．appendChild（tr）；

｝

</script>

扩展资料：

给table添加一行

1、＄（＂＃addTable＂）．click（function（）｛；

2、vartr="<tr>"+；

3、"<td>11</td>"+；

4、"<td>22</td>"+；

5、"<td>33</td>"+；

6、"<td>44</td>"+；

7、"<td>55</td>"+；

8、"</tr>"

9、＄（＂．layui－table＂）．append（tr）；

1、概念

2、格式

子结合符： >

先找到所有名称叫做"标签名称1"的标签, 然后在这个标签中查找所有直接子元素名称叫做"标签名称2"的元素

例如，如果您希望选择只作为 h1 元素子元素的 strong 元素，可以这样写：

这个规则会把第一个 h1 下面的两个 strong 元素变为红色，但是第二个 h1 中的 strong 不受影响：

3、注意

4、后代选择器和子元素选择器

后代选择器和子元素选择器之间的共同点

上面的选择器会选择作为 td 元素子元素的所有 p 元素，这个 td 元素本身从 table 元素继承，该 table 元素有一个包含 company 的 class 属性。

5、后代选择器和子元素选择器之间的区别?

后代选择器使用空格作为连接符号

子元素选择器使用>作为连接符号

后代选择器会选中指定标签中, 所有的特定后代标签, 也就是会选中儿子/孙子..., 只要是被放到指定标签中的特定标签都会被选中

子元素选择器只会选中指定标签中, 所有的特定的直接标签, 也就是只会选中特定的儿子标签

6、后代选择器和子元素选择器之间的共同点

后代选择器和子元素选择器都可以使用标签名称/id名称/class名称来作为选择器

后代选择器和子元素选择器都可以通过各自的连接符号一直延续下去

选择器1>选择器2>选择器3>选择器4{}

7、在企业开发中如何选择

如果想选中指定标签中的所有特定的标签, 那么就使用后代选择器

如果只想选中指定标签中的所有特定儿子标签, 那么就使用子元素选择器

http://www.w3school.com.cn/css/css_selector_child.asp

---