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 相关文章推荐
在b/s开发中经常用到的javaScript技术
Aug 23 Javascript
使用js操作css实现js改变背景图片示例
Mar 10 Javascript
Jquery 效果使用详解
Nov 23 Javascript
基于Bootstrap使用jQuery实现简单可编辑表格
May 04 Javascript
jQuery实现查找最近父节点的方法
Jun 23 Javascript
JavaScript数据结构链表知识详解
Nov 21 Javascript
JS实现动画兼容性的transition和transform实例分析
Dec 13 Javascript
JavaScript装饰器函数(Decorator)实例详解
Mar 30 Javascript
AngularJS对动态增加的DOM实现ng-keyup事件示例
Mar 12 Javascript
JS如何获取地址栏的参数实例讲解
Oct 06 Javascript
js实现网页版贪吃蛇游戏
Feb 22 Javascript
利用js实现简单开关灯代码
Nov 23 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
PHP Zip压缩 在线对文件进行压缩的函数
2010/05/26 PHP
php GeoIP的使用教程
2011/03/09 PHP
phpMyAdmin 链接表的附加功能尚未激活问题的解决方法(已测)
2012/03/27 PHP
PHP中使用SimpleXML检查XML文件结构实例
2015/01/07 PHP
图片自动缩小 点击放大
2008/07/07 Javascript
ext读取两种结构的xml的代码
2008/11/05 Javascript
Javascript实现滑块滑动改变值的实现代码
2013/04/12 Javascript
jquery中get,post和ajax方法的使用小结
2014/02/04 Javascript
jquery实现图片左右切换的方法
2015/05/07 Javascript
基于AngularJS实现页面滚动到底自动加载数据的功能
2015/10/16 Javascript
jquery自适应布局的简单实例
2016/05/28 Javascript
Vue实现自带的过滤器实例
2017/03/09 Javascript
官方推荐react-navigation的具体使用详解
2018/05/08 Javascript
React 无状态组件(Stateless Component) 与高阶组件
2018/08/14 Javascript
jQuery 操作 HTML 元素和属性的方法
2018/11/12 jQuery
jQuery 同时获取多个标签的指定内容并储存为数组
2018/11/20 jQuery
7个好用的JavaScript技巧分享(译)
2019/05/07 Javascript
详解vue beforeEach 死循环问题解决方法
2020/02/25 Javascript
javascript 函数的暂停和恢复实例详解
2020/04/25 Javascript
python的id()函数解密过程
2012/12/25 Python
使用Python压缩和解压缩zip文件的教程
2015/05/06 Python
基于wxpython实现的windows GUI程序实例
2015/05/30 Python
Python实现运行其他程序的四种方式实例分析
2017/08/17 Python
Python面向对象之静态属性、类方法与静态方法分析
2018/08/24 Python
python实现淘宝购物系统
2019/10/25 Python
Pytorch实现LSTM和GRU示例
2020/01/14 Python
Python 调用有道翻译接口实现翻译
2020/03/02 Python
工程师岗位职责
2013/11/08 职场文书
求职简历中个人的自我评价
2013/12/01 职场文书
端午节粽子促销活动方案
2014/02/02 职场文书
政治思想表现评语
2014/05/04 职场文书
2015元旦联欢晚会结束语
2014/12/14 职场文书
呐喊读书笔记
2015/06/30 职场文书
医院病假条怎么写
2015/08/17 职场文书
nginx共享内存的机制详解
2022/03/21 Servers
Python自动化实战之接口请求的实现
2022/05/30 Python