位置: 编程技术 - 正文

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)

  • 耕地占用税中的耕地是指什么
  • 会计所得税公式怎么算
  • 工程项目需要交5000万保证金合理吗
  • 应付销售方代垫的运费计入什么科目
  • 摄影服务的开票项目
  • 学校食堂支出
  • 机票行程单改成发票可以报销吗
  • 小微企业所得税税率2.5% 10% 25%
  • 新办商贸企业一般纳税人合同金额
  • 长期股权投资权益法下初始投资成本
  • 财务软件怎样结转销售成本
  • 固定资产处置怎么计算
  • 房地产公司要做数据分析吗
  • 未分配利润的计税基础是
  • 收到投资分红要缴纳企业所得税吗?
  • 案例分析互联网巨头的战略计划
  • 季度申报所得税是按累计上缴吗
  • 企业债务追诉期几年
  • 公益捐赠税前扣除政策
  • 对账单和电子回单区别
  • 进项税额转出再转入
  • 金税盘的用户名
  • 本期预收的货款属于
  • 公允价值变动损益借贷方向
  • 应付职工薪酬调到其他应付款
  • chrom无法访问
  • php怎么上传多个图片
  • 水星mw300re说明书
  • 代办营业执照费用大概多少
  • 财务工作中如何用进销存软件
  • 应收票据及应收账款是什么科目
  • 材料采购计入资产负债表哪里
  • 出口免税和退税交附加税
  • 增值税发票开错了可以退吗
  • 开票一定要对公户嘛
  • ajax如何返回数据
  • 写一个php访问数据库并读取数据的脚本
  • 城市维护建设税减免税优惠政策
  • 服务业的增值税
  • input输入框非空验证
  • 基本数据结构包括哪些
  • 折旧提取后资金如何处理
  • 个体户开普票有没有完税证明
  • 预收账款未发货会计分录
  • 前端面试题汇总.pdf
  • 对方发票丢了能红冲重开吗
  • 企业的股息红利所得要交税吗
  • 建筑公司租赁设备怎么入账
  • 幼儿园账务处理实务
  • 税控设备抵减税款分录
  • 合并财务报表为什么要抵消子公司所有者权益
  • 公司购买银行理财产品账务处理
  • 费用摊销怎么做分录
  • 高新技术企业财务指标
  • 速动资产包括哪些流动资产
  • mysql按时间查询
  • mysql安装时出现的问题
  • sql字段转首字母大写
  • svchost一直在下载什么
  • 有效减少win8关机时间的方法分享
  • openstack 创建云主机,计算节点磁盘不足
  • centos docker安装部署
  • 优化计算
  • win8.1无法启动
  • ic_launcher.xml
  • win 10系统怎么提高网速
  • shell脚本基础教学
  • 表单元素的属性
  • nodejs co
  • nodejs定义数组
  • js class实现原理
  • APP中javascript+css3实现下拉刷新效果
  • android的图片文件保存在工程的哪个文件夹
  • js接收excel文件流
  • bootstrap steps
  • eclipse项目导入后有红叉
  • 税务局每月征期是什么时候
  • 免税证明如何办理
  • 地税局基层职位怎么样
  • 电子税务局在线咨询
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设