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 相关文章推荐
[Web]防止用户复制页面内容和另存页面的方法
Feb 06 Javascript
原生js结合html5制作简易的双色子游戏
Mar 30 Javascript
js实现全国省份城市级联下拉菜单效果代码
Sep 07 Javascript
smartcrop.js智能图片裁剪库
Oct 14 Javascript
移动端界面的适配
Jan 11 Javascript
详解Vue-cli代理解决跨域问题
Sep 27 Javascript
关于Angularjs中跨域设置白名单问题
Apr 17 Javascript
记一次vue-webpack项目优化实践详解
Feb 17 Javascript
解决layer图标icon不加载的问题
Sep 04 Javascript
Vue+Vuex实现自动登录的知识点详解
Mar 04 Javascript
Vue打包部署到Nginx时,css样式不生效的解决方式
Aug 03 Javascript
ant-design表单处理和常用方法及自定义验证操作
Oct 27 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静态类
2006/11/25 PHP
PHP实现文件上传操作和封装
2020/03/04 PHP
PHP如何通过带尾指针的链表实现'队列'
2020/10/22 PHP
利用JS实现浏览器的title闪烁
2013/07/08 Javascript
js如何判断不同系统的浏览器类型
2013/10/28 Javascript
jQuery学习笔记之jQuery中的$
2015/01/19 Javascript
jQuery仿gmail实现fixed布局的方法
2015/05/27 Javascript
jquery超简单实现手风琴效果的方法
2015/06/05 Javascript
js实现文本框只允许输入数字并限制数字大小的方法
2015/08/19 Javascript
JavaScript 随机验证码的生成实例代码
2016/09/22 Javascript
nodejs个人博客开发第三步 载入页面
2017/04/12 NodeJs
JS实现汉字与Unicode码相互转换的方法详解
2017/04/28 Javascript
JS监听事件的叠加和移除功能
2018/11/19 Javascript
如何基于JS截获动态代码
2019/12/25 Javascript
Python实例之wxpython中Frame使用方法
2014/06/09 Python
用Python编写一个简单的FUSE文件系统的教程
2015/04/02 Python
Python实现简单的四则运算计算器
2016/11/02 Python
python利用dir函数查看类中所有成员函数示例代码
2017/09/08 Python
在Django中输出matplotlib生成的图片方法
2018/05/24 Python
python高阶爬虫实战分析
2018/07/29 Python
Python3实现发送邮件和发送短信验证码功能
2020/01/07 Python
pytorch构建多模型实例
2020/01/15 Python
python字符串判断密码强弱
2020/03/18 Python
PyTorch安装与基本使用详解
2020/08/31 Python
德国购买健身器材:AsVIVA
2017/08/09 全球购物
超市实习总结自我鉴定
2013/09/19 职场文书
十八届三中全会感言
2014/03/10 职场文书
房地产活动策划方案
2014/05/14 职场文书
文秘专业应届生求职信
2014/05/26 职场文书
个性车贴标语
2014/06/24 职场文书
档案管理员岗位职责
2015/02/12 职场文书
公司奖励通知
2015/04/21 职场文书
2015年民兵整组工作总结
2015/07/24 职场文书
2016年“9.22”世界无车日活动小结
2016/04/05 职场文书
关于vue-router-link选择样式设置
2022/04/30 Vue.js
zabbix 代理服务器的部署与 zabbix-snmp 监控问题
2022/07/15 Servers