位置: 编程技术 - 正文

javascript如何创建表格(javascript绘制表格的二种方法)(javascript create)

编辑:rootadmin

1、inserRow()和insertCell()函数

insertRow()函数可以带参数,形式如下:

insertRow(index):index从0开始

这个函数将新行添加到index的那一行前,比如insertRow(0),是将新行添加到第一行之前。默认的insertRow()函数相当于insertRow(-1),将新行添加到表的最后。一般我们在使用的时候都是:objTable.insertRow(objTable.rows.length).就是为表格objTable在最后新增一行。

insertCell()和insertRow的用法相同,这里就不再说了。

2、deleteRow()和deleteCell()方法

deleteRow()函数可以带参数,形式如下:deleteRow(index):index从0开始

和上面两个方法差不多的意思,就是删除指定位置的行和单元格。要传入的参数:Index是行在表格中的位置,可以下面的方法取得然后去删除:

在使用过程中我碰到的一个问题跟大家说一下,就是删除表格的行的时候,如果你删除了某一行,那么表格行数是马上就变化的,所以如果你要删除表格的所有行,下面的代码是错误的:

这段代码要删除原来的表格的表体,有两个问题。首先不能是deleteRow(i),应该是deleteRow(1)。因为在删除表格行的时候,表格的行数在变化,这就是问题的关键,rows.length总是在变小,删除的行数总是会比预想的要少一半,所以正确的删除表格的行的代码应该这样:

3、动态设置单元格与行的属性

A、采用setAttribute()方法,格式如下:setAttribute(属性,属性值)

说明:这个方法几乎所有的DOM对象都可以使用,第一个参数是属性的名称,比如说:border,第二个就是你要为border设置的值了,比如:1

其他的比如你要为一个TD设置高度,同样先取得这个TD对象,然后使用setAttribute()方法

在使用的时候遇到一个设置样式的问题,不能用setAttribute("class","inputbox2");而应该使用setAttribute("className","inputbox2"),呵呵,其他我估计也有同样的问题,有些属性和我们在DW里面的不一致,呵呵,大家自己摸索吧。

B、直接赋值

这个方法也全部适用,呵呵。

4、创建表格

了解了行<tr>与单元格<td>的增删那就可以创建表格了。

第一步:你需要有一个你去动态变化的表格,我这里讲的是已经存在页面的表格,我们要设置一个id:myTable

第二步:创建行与列的对象

这样就搞定了,可以简单的创建一个行和列了。具体的代码我贴在下面。只是很简单的例子,不过方法就大概是上面的了,呵呵,慢慢摸索吧~

5、appendChild()方法

推荐整理分享javascript如何创建表格(javascript绘制表格的二种方法)(javascript create),希望有所帮助,仅作参考,欢迎阅读内容。

javascript如何创建表格(javascript绘制表格的二种方法)(javascript create)

文章相关热门搜索词:javascript怎么创建,使用js如何创建元素,javascript create,javascript create,javascript创建表格的方法,javascript中创建对象的三种方法,javascript怎么创建,javascript怎么创建,内容如对您有帮助,希望把文章链接给更多的朋友!

深入理解JavaScript高级之词法作用域和作用域链 主要内容:1、分析JavaScript的词法作用域的含义2、解析变量的作用域链3、变量名提升时什么最近在传智播客讲解JavaScript的课程,有不少朋友觉得JavaScrip

JavaScript Math.ceil() 函数使用介绍 Math.ceil(x)--返回大于等于数字参数的最小整数(取整函数),对数字进行上舍入ceil是ceiling的缩写,中文"上限"的意思引用网址:

js的匿名函数使用介绍 1.匿名函数概述关于匿名函数的第一次认识还是在jquery源码里,打开jQuery首先看到的是(function(window,undefined){.......................})(window);这就是一个匿名函

标签: javascript create

本文链接地址:https://www.jiuchutong.com/biancheng/373686.html 转载请保留说明!

上一篇:JavaScript—window对象使用示例

下一篇:深入理解JavaScript高级之词法作用域和作用域链(深入理解javascript特性.pdf)

  • 分公司可以享受企业所得税优惠吗
  • 待抵扣进项税的账务处理
  • 企业季度所得税计算公式
  • 劳务报酬所得计税依据是否含增值税收入
  • 发票系统口令锁定
  • 财务人员办理会计业务
  • 公司购买办公用品300元,以现金支付,购入后即被领用
  • 自然人扣缴系统初次登录怎么设置密码
  • 个人对个人大额转账要什么资料
  • 未休年假补助
  • 开具红字信息表后怎么开负数发票
  • 申报个税大病医疗如何申报
  • 电子发票打印出来没有税务局的章
  • 预缴所得税如何做账
  • 劳务税能不能抵扣
  • 2019年煤炭
  • 工行代收资金清算过渡户是什么?
  • 小型微利企业能开多少发票
  • 滞纳金入什么会计科目
  • 其他业务收入怎么填纳税申报表
  • 公司没有残疾人需要缴纳残保金吗
  • 2020年开公司优惠政策
  • 开发阶段包括
  • deepin 文件管理器
  • 如何解决心脏供血不足
  • 筹建期间费用如何记账
  • macOS Big Sur 11.3新功能 为M1 Mac带来了iOS应用的手柄模拟功能
  • directx安全吗
  • 公司一直是亏损怎么赔偿
  • 零代码开发工具
  • 企业重组并购条件
  • php file_append
  • 处置动产减按2%税率是什么意思
  • 双轨制会计核算原则
  • 搭建自己的php mvc框架
  • 莱辛巴赫瀑布在瑞士哪里
  • Yii2使用表单上传文件的实例代码
  • 浅谈php表单提交的问题
  • 显示国家税务总局东莞分局打来电话是诈骗还是正规电话
  • linux的nano是什么意思
  • 单位收到社保补贴的钱做账
  • 520要来了要吵架的赶紧
  • mongodb4.4安装
  • vuejs axios
  • 企业季度预缴土地出让金
  • 政府代建项目税收政策
  • 对公账号备用金怎么用
  • 设计模式适配器模式代码编写
  • 织梦的首页怎么换图片
  • mysql金额用什么数据类型
  • 服务器配置mysql
  • 金税四期怎么监控个人账号
  • 公允价值变动损益在利润表哪里
  • 以前年度损益调整会计分录
  • 商业承兑汇票托收什么意思
  • 以货物抵债的会计分录
  • 实际报销金额
  • 暂估入库已结转成本,下月票回来,还用红冲吗
  • 进项税额已经抵扣会计分录
  • 收到投资款如何申报印花税
  • 公司打到个人账户的钱算公款吗
  • 税务人员如何做好本职工作
  • win8任务管理器在哪
  • 在基于Xen的CentOS系统VPS上配置PPTP VPN的教程
  • 硬盘安装fedora35
  • 硬盘分几个区最好
  • tvt_reg_monitor_svc.exe进程是什么
  • win7系统升级到win10后,还能还原回来吗
  • linux那些事儿
  • 在Linux操作系统中哪些命令可以正确关闭系统防火墙
  • linux 判断语句
  • 如何配置centos7下的apache服务
  • Win7打印机安装
  • unity游戏之羊刀与Pendragon复盘:DotA做对了什么
  • unity怎么加人
  • nodejs cli
  • unity持久化存储
  • jquery mobile app
  • 减免性质代码怎么会自动选择
  • 税务约谈的法律依据
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设