位置: 编程技术 - 正文

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)

  • 建筑公司收到预付款怎么开票
  • 出租人融资租赁发生的初始直接费用
  • 牲畜资产科目包括哪些
  • 补贴收入是否缴税
  • 记账凭证附单据是有哪些
  • 不验旧可以领新车吗
  • 固定收益款可以开增值税专票吗?
  • 销项税额特殊销售额的处理方式
  • 外购货物对外捐赠企业所得税
  • 建筑业预缴税款都要填哪些表
  • 发票融资贷款应该怎么做账?
  • 净残值可以随意更改吗
  • 收购不良资产收益怎么算
  • 未达起征点销售额和其他免税销售额
  • 请问高人们旧房子要装修应怎样装
  • 税务领取发票后怎么操作
  • 商票背书需要对方开发票吗
  • 外账成本要注意什么
  • 纳税人证明是完税证明吗
  • 保险代理公司做什么
  • 企业收到银行未收到怎么做账
  • 事业单位个税手续费返还需要上缴财政吗
  • 用后期进项抵欠怎么做账
  • 签订租赁合同的期限
  • 收到增值税进项税增量留抵退税如何列报
  • 在XP中,为什么"网络连接"图标消失?
  • vueajax请求的五个步骤
  • 以非现金资产清偿债务的,债权人应当
  • opencv1.0安装
  • 瀑布流实现方式
  • nginx怎么运行php
  • 命令行查看硬件信息
  • wordpress app插件
  • c语言中数组越界
  • 将织梦dedecms转换到wordpress
  • 税务局退还的三种税费
  • u8存货核算对方科目怎么设置
  • 数据库损坏了怎么修复
  • 无偿受让股权是利好吗
  • sqlceil函数用法
  • 劳务费计入工资薪金总额吗
  • 应付账款不需要支付了会计怎么处理
  • 补充登记法的操作步骤
  • 注册资本认缴与注册登记实操
  • 为员工保险取得的增值税抵扣
  • 事业单位的结余与企业的利润相比
  • 建筑施工企业工程施工明细科目
  • 以前年度损益调整借贷方向
  • 2021劳动报酬收入个人所得税怎么算
  • 收到股东投资如何做账
  • 向法人借款凭证摘要怎么写
  • 买相机送肩带吗
  • 审计真实性认定
  • 旅游业餐饮业
  • 出租人融资租赁的判断标准
  • mysql处理
  • mysql关联语句
  • 微软补丁修复时出现蓝屏现象
  • iexplores.exe是什么病毒
  • win10系统锁屏后输入密码一直转圈进不去桌面
  • win7的开始菜单在哪里
  • window7截图工具无法使用
  • linux命令telnet
  • win8.1启动项设置
  • opengl clamp
  • cocos2dx开发的游戏有哪些
  • opengl纹理贴图图片位置
  • php获取当前脚本路径
  • 批处理 输出换行
  • linux 查找后缀名文件
  • python怎么生成随机函数
  • 对jquery的ajax进行二次封装以及ajax缓存代理组件:AjaxCache详解
  • javascript构造函数创建对象
  • 今天百度汉语
  • 生产企业税点
  • 成都市武侯区税务局官网
  • 湖南省地方税务局
  • 网上缴公积金怎么查询
  • 广东电子税务局官网登录入口
  • 呼和浩特新城区政府官网
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设