JavaScript教程:[3]动态创建表格
1、很多时候我们使用的是DOM来创建HTML表格,如下图所示
![JavaScript教程:[3]动态创建表格](https://exp-picture.cdn.bcebos.com/23fd63c5cf672b5fa898f7253314f4d0b4032776.jpg)
2、但是这些写死的表格在一些时候是不能满足要求的,这时候就需要动态来创建表格了。首先要了解HTMLDOM为<table><tbody>提供了一下属性和方法,比如insertRow(pos)等,接下来演示动态创建表格的方法,首先,创建table
![JavaScript教程:[3]动态创建表格](https://exp-picture.cdn.bcebos.com/04d7a614f4d0b5034a0cb44dcc4ec28332bf2076.jpg)
3、然后创建tbody,并将tbody置入table元素内
![JavaScript教程:[3]动态创建表格](https://exp-picture.cdn.bcebos.com/47bf594ec28333bfbc31c7fcdbb8b43ea9db1d76.jpg)
4、创建一行一列
![JavaScript教程:[3]动态创建表格](https://exp-picture.cdn.bcebos.com/51f9aa3ea8db574a77ec612fa7f7dfb2dd191776.jpg)
5、在指定单元内插入text
![JavaScript教程:[3]动态创建表格](https://exp-picture.cdn.bcebos.com/92dd32f7dfb2dc195cf2a9a895def4dca1391076.jpg)
6、查看table即可发现上边创建的结果,表单树
![JavaScript教程:[3]动态创建表格](https://exp-picture.cdn.bcebos.com/5a5a00def4dca03984c13c5f58d96975f3c40d76.jpg)
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
阅读量:143
阅读量:182
阅读量:115
阅读量:175
阅读量:130