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开发中因空格引发的错误
Nov 08 Javascript
父子窗体间传递JSON格式的数据的代码
Dec 25 Javascript
鼠标经过显示二级菜单js特效
Aug 13 Javascript
jquery清空表单数据示例分享
Feb 13 Javascript
使用text方法获取Html元素文本信息示例
Sep 01 Javascript
jQuery和AngularJS的区别浅析
Jan 29 Javascript
JS深度拷贝Object Array实例分析
Mar 31 Javascript
Dojo获取下拉框的文本和值实例代码
May 27 Javascript
基于JS实现仿京东搜索栏随滑动透明度渐变效果
Jul 10 Javascript
原生JavaScript实现滑动拖动验证的示例代码
Dec 06 Javascript
JS数组转字符串实现方法解析
Sep 04 Javascript
vue表单验证之禁止input输入框输入空格
Dec 03 Vue.js
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实现的轻量级简单爬虫
2015/07/08 PHP
thinkPHP+PHPExcel实现读取文件日期的方法(含时分秒)
2016/07/07 PHP
JS模拟多线程
2007/02/07 Javascript
利用javascript数组长度循环数组内所有元素
2013/12/27 Javascript
javascript中attribute和property的区别详解
2014/06/05 Javascript
JS辨别访问浏览器判断是android还是ios系统
2014/08/19 Javascript
js实现class样式的修改、添加及删除的方法
2015/01/20 Javascript
javascript实用方法总结
2015/02/06 Javascript
jQuery源码解读之hasClass()方法分析
2015/02/20 Javascript
JQuery中模拟image的ajaxPrefilter与ajaxTransport处理
2015/06/19 Javascript
javascript解析xml实现省市县三级联动的方法
2015/07/25 Javascript
利用js+css+html实现固定table的列头不动
2016/12/08 Javascript
原生JS实现垂直手风琴效果
2017/02/19 Javascript
Nuxt.js SSR与权限验证的实现
2018/11/21 Javascript
Vuex 模块化使用详解
2019/07/31 Javascript
vue 子组件watch监听不到prop的解决
2020/08/09 Javascript
基于openlayers实现角度测量功能
2020/09/28 Javascript
Python 匹配任意字符(包括换行符)的正则表达式写法
2009/10/29 Python
详细解析Python中的变量的数据类型
2015/05/13 Python
举例讲解Python设计模式编程中对抽象工厂模式的运用
2016/03/02 Python
widows下安装pycurl并利用pycurl请求https地址的方法
2018/10/15 Python
超简单使用Python换脸实例
2019/03/27 Python
Django分页功能的实现代码详解
2019/07/29 Python
python实现输入任意一个大写字母生成金字塔的示例
2019/10/27 Python
PyCharm2019.3永久激活破解详细图文教程,亲测可用(不定期更新)
2020/10/29 Python
鼠标滚轮事件和Mac触控板双指事件
2019/12/23 HTML / CSS
澳大利亚宠物食品和药物在线:Jumbo Pets
2018/03/24 全球购物
小学生期末自我鉴定
2014/01/19 职场文书
大学生个人事迹材料
2014/01/21 职场文书
市场营销大学生职业规划书
2014/02/25 职场文书
授权委托书格式范文
2014/08/02 职场文书
党员教师批评与自我批评发言稿
2014/10/15 职场文书
上市公司财务总监岗位职责
2015/04/03 职场文书
MySQL日期时间函数知识汇总
2022/03/17 MySQL
使用Bandicam录制鼠标指针并附带点击声音,还可以添加点击动画效果
2022/04/11 数码科技
Windows server 2016服务器基本设置
2022/08/14 Servers