1. 首页
  2. 编程语言
  3. Javascript
  4. JS如何操作DOM基于表格动态展示数据

JS如何操作DOM基于表格动态展示数据

上传者: 2022-01-02 21:31:54上传 PDF文件 95.19 KB 热度 7次

先把代码全部贴出来,只要把这个代码写到HTML中,就能看到效果:效果:数据会一次是个位数一次是十位数的变化。下面来简单说一下实现:数据来源可以是推送的,可以是Ajax请求的,数据源就是Json字符串解析Json,循环获得对象数组,每循环一次增加一行,然后根据属性在行中增加单元格和增加单元格的内容。如果你想,也可以设置行和单元格的样式当然每次增加前要先清除掉除标题以外的所有行,然后再增加删除单元格的方法:获得有多少行,从索引 1 开始循环一定的次数,每次删除的都是 索引 1 ,因为删除之后下面的会顶上来,这个看一下Excel就明白了循环对象增加行和列的代码:你也可以这样:

用户评论