js动态修改表格行colspan列跨度的方法


Posted in Javascript onMarch 30, 2015

本文实例讲述了js动态修改表格行colspan列跨度的方法。分享给大家供大家参考。具体如下:

<!DOCTYPE html>
<html>
<head>
<script>
function setColSpan()
{
var x=document.getElementById('myTable').rows[0].cells;
x[0].colSpan="2";
x[1].colSpan="6";
}
</script>
</head>
<body>
<table id="myTable" border="1">
<tr>
<td colspan="4">cell 1</td>
<td colspan="4">cell 2</td>
</tr>
<tr>
<td>cell 3</td>
<td>cell 4</td>
<td>cell 5</td>
<td>cell 6</td>
<td>cell 7</td>
<td>cell 8</td>
<td>cell 9</td>
<td>cell 10</td>
</tr>
</table>
<form>
<input type="button" onclick="setColSpan()" 
value="Change colspan">
</form>
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
JavaScript 动态将数字金额转化为中文大写金额
May 14 Javascript
javascript IFrame 强制刷新代码
Jul 23 Javascript
JS去除字符串的空格增强版(可以去除中间的空格)
Aug 26 Javascript
JQuery 1.6发布 性能提升,同时包含大量破坏性变更
May 10 Javascript
javascript事件冒泡详解和捕获、阻止方法
Apr 12 Javascript
浅谈javascript中createElement事件
Dec 05 Javascript
属于你的jQuery提示框(Tip)插件
Jan 20 Javascript
利用jQuery来动态为属性添加或者删除属性的简单方法
Dec 02 Javascript
jQuery基本筛选选择器实例代码
Feb 06 Javascript
AngularJS上传文件的示例代码
Nov 10 Javascript
vue中的inject学习教程
Apr 24 Javascript
JavaScript代理模式原理与用法实例详解
Mar 10 Javascript
jQuery使用hide方法隐藏页面上指定元素的方法
Mar 30 #Javascript
jquery使用hide方法隐藏指定id的元素
Mar 30 #Javascript
jQuery使用hide方法隐藏指定元素class样式用法实例
Mar 30 #Javascript
jQuery使用hide方法隐藏元素自身用法实例
Mar 30 #Javascript
javascript实现控制浏览器全屏
Mar 30 #Javascript
原生JavaScript编写俄罗斯方块
Mar 30 #Javascript
原生js结合html5制作简易的双色子游戏
Mar 30 #Javascript
You might like
global.php
2006/12/09 PHP
PHP类与对象中的private访问控制的疑问
2012/11/01 PHP
基于PHP选项与信息函数的使用详解
2013/05/10 PHP
PHP生成自适应大小的缩略图类及使用方法分享
2014/05/06 PHP
PHP文件生成的图片无法使用CDN缓存的解决方法
2015/06/20 PHP
JavaScript中void(0)的具体含义解释
2007/02/27 Javascript
9个javascript语法高亮插件 推荐
2009/07/18 Javascript
jQuery Migrate 1.1.0 Released 注意事项
2014/06/14 Javascript
JS获取当前日期时间并定时刷新示例
2021/03/04 Javascript
Javascript定义类(class)的三种方法详解
2015/03/13 Javascript
JavaScript中用getDate()方法返回指定日期的教程
2015/06/09 Javascript
JavaScript jQuery 中定义数组与操作及jquery数组操作
2015/12/18 Javascript
AngularJS中directive指令使用之事件绑定与指令交互用法示例
2016/11/22 Javascript
JavaScript之Map和Set_动力节点Java学院整理
2017/06/29 Javascript
Angular项目中$scope.$apply()方法的使用详解
2017/07/26 Javascript
elemetUi 组件--el-upload实现上传Excel文件的实例
2017/10/27 Javascript
JavaScript实现无限级递归树的示例代码
2019/03/29 Javascript
vue中axios防止多次触发终止多次请求的示例代码(防抖)
2020/02/16 Javascript
[02:53]DOTA2英雄昆卡基础教程
2013/11/25 DOTA
[36:20]KG vs SECRET 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/19 DOTA
[51:53]完美世界DOTA2联赛循环赛 LBZS vs DM BO2第二场 11.01
2020/11/02 DOTA
Python中shape计算矩阵的方法示例
2017/04/21 Python
Python数据分析:手把手教你用Pandas生成可视化图表的教程
2018/12/15 Python
Python实现删除某列中含有空值的行的示例代码
2020/07/20 Python
python中如何使用虚拟环境
2020/10/14 Python
python中Array和DataFrame相互转换的实例讲解
2021/02/03 Python
网络工程师专家职业发展路线
2014/02/14 职场文书
募捐倡议书怎么写
2014/05/14 职场文书
酒店管理专业自荐信
2014/05/23 职场文书
审计局班子四风对照检查材料思想汇报
2014/10/07 职场文书
机关单位工作失职检讨书
2014/11/20 职场文书
文明单位创建材料
2014/12/24 职场文书
房地产销售主管岗位职责
2015/02/13 职场文书
应届生求职自荐信范文
2015/03/04 职场文书
2015年乡镇环保工作总结
2015/04/22 职场文书
高中数学课堂教学反思
2016/02/18 职场文书