位置: 编程技术 - 正文

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)

  • 双定户经营所得用申报吗
  • 开票和收到的款金额不一样怎么办?
  • 清包工取费标准
  • 审核通过的红字发票怎么作废
  • 公司抬头的发票
  • 道路货物运输服务可以加计扣除吗
  • 长期股权投资会计处理方法,对投资方报表有何影响
  • 工会疗养政策对比
  • 公司注销后应收款能打到法人账户吗
  • 可供出售金融资产新准则叫什么
  • 政府专项补助购置固定资产进项税可以抵扣吗?
  • 普通发票跨年作废有影响吗
  • 安装设备用的材料计入什么科目
  • 成本控制的基本原则包括
  • 质量抽样检查
  • 工会筹备金如何补报
  • 文艺汇演活动经历怎么写
  • 软件研发公司有哪些岗位
  • 公司人格否认制度构成要件
  • 新职工工资从什么时候起算
  • 苹果14出来13会下架吗
  • schost.exe - schost是什么进程 有什么用
  • 营改增后房地产会计账务处理
  • 汇兑损益和财务费用区别
  • 收到租赁发票会计分录怎么做
  • 单位交社保是不是比个人交社保以后退休金要多
  • 网络层IP协议的配套协议有哪些
  • 季度所得税表中营业收入填万元还是总金额
  • php获取路径和目录的方法
  • php的session和cookie实现登录
  • 芒果sdk
  • 多线程的弊端
  • 阿里巴巴达摩院ai
  • 电脑找不到应用程序的图标怎么删除
  • php读取excel数据
  • 小规模纳税人按简易计税法计税时也可以进行税额的抵扣
  • 电子承兑利息
  • 销售边角料的会计分录
  • 纳税人识别号的英文缩写
  • 小规模没有税控怎么开普票
  • 接受捐赠按什么价值入账
  • 普通发票和增值税发票的税率
  • 应付职工薪酬的账务处理
  • 冲以前年度成本分路
  • 本年利润的会计分录
  • 两个企业同一个法人
  • 应交税费科目账务处理
  • 累计折旧怎么算出来
  • 私企干不长久
  • 明细账设置是什么意思
  • Sql Server 2012 转换函数的比较(Cast、Convert和Parse)
  • MySQL 5.0.96 for Windows x86 32位绿色精简版安装教程
  • sql server设置自增
  • sql分几类
  • win8出现问题需要重启
  • windows2003密码破解
  • linux修改yum
  • solaris 11.4
  • win2016 ntp
  • ubuntu下source、sh、bash、./执行脚本的区别详细介绍
  • linux中nfs的配置
  • windows10周年更新
  • 苹果Mac系统怎么安装
  • win7控制面板找不到windows update
  • win10应用商店不好用
  • win10屏幕刷新率只有60
  • 场景切换方式
  • cocos2dx入门
  • windows安装包下载
  • 基于unity3d
  • android获取本机ip地址
  • unity3d应用
  • ecmascript新特性
  • 推荐一些非常不好的书
  • android程序代码
  • 河北电子税务局移动端
  • 广东税务怎么查社保缴费明细
  • 陕西税务管网
  • 2020百望税控盘最新系统
  • 怎么查询公司法人电话号码
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设