您当前的位置： 首页 >  Java

JavaScript 动态表格操作

知其黑、受其白 发布时间：2022-04-13 15:08:41 ，浏览量：2

阅读目录
  • JavaScript 动态创建表格
    • 第一种示例
    • 第二种示例
    • 示例解析
  • 表格相关的属性和方法
    • 1.1 Table 对象集合
    • 1.2 Table 对象方法
    • 1.3 Table 对象常用属性
    • 1.4 TableRow 对象
      • TableRow 对象方法
      • TableRow 对象属性
    • 1.5 TableCell 对象
      • TableCell 对象属性
  • JavaScript 实现点击显示和隐藏表格
    • 技术解答
  • JavaScript 实现动态克隆一个表格
    • 技术解答
  • JavaScript 实现动态点击改变单元格颜色
    • 技术解答

JavaScript 动态创建表格

1、方法一：写好创建表格的 html 代码，将之赋值给 div 的 innerHTML。

2、方法二、直接用创建好的 table 元素的方法 insertRow 和 insertCell 来实现。

3、指定行列创建表格：通过循环。

第一种示例 
DOCTYPE html>


    
    演示文档
    
    



动态创建表格1
行数 
列数 




    function creatTab() {
        rows = document.getElementById('rows').value
        cols = document.getElementById('cols').value
        div1 = document.getElementById('div1')
        
        // alert(rows+'\n'+cols)
        var tab = '
关注
打赏
1688896170
查看更多评论

知其黑、受其白

暂无认证

  • 2浏览

    0关注

    1120博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

[ 申请 ]友情链接：

快连vpn 快连 快连vpn 搜外友链 笔趣阁 爱思助手 ClashX教程 绘画宝宝 配音宝宝
0.1993s