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 相关文章推荐
如何取得中文输入的真实长度?
Jun 24 Javascript
复制Input内容的js代码_支持所有浏览器,修正了Firefox3.5以上的问题
Jun 21 Javascript
jQuery $.get 的妙用 访问本地文本文件
Jul 12 Javascript
21个JavaScript事件(Events)属性汇总
Dec 02 Javascript
基于javascript实现动态显示当前系统时间
Jan 28 Javascript
在web中js实现类似excel的表格控件
Sep 01 Javascript
深入学习 JavaScript中的函数调用
Mar 23 Javascript
jquery插件开发之选项卡制作详解
Aug 30 jQuery
vue2实现数据请求显示loading图
Nov 28 Javascript
swiper自定义分页器使用方法详解
Sep 14 Javascript
axios 封装上传文件的请求方法
Sep 26 Javascript
React冒泡和阻止冒泡的应用详解
Aug 18 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 判断网页是否是utf8编码的方法
2014/06/06 PHP
php原生数据库分页的代码实例
2019/02/18 PHP
无阻塞加载脚本分析[全]
2011/01/20 Javascript
实现web打印的各种方法介绍及实现代码
2013/01/09 Javascript
JS中Iframe之间传值的方法
2013/03/11 Javascript
jquery弹出关闭遮罩层实例
2013/08/06 Javascript
javascript实现表格增删改操作实例详解
2015/05/15 Javascript
js图片卷帘门导航菜单特效代码分享
2015/09/10 Javascript
JS实现的网页背景闪电闪烁效果代码
2015/10/17 Javascript
通过Tabs方法基于easyUI+bootstrap制作工作站
2016/03/28 Javascript
微信小程序 标签传入数据
2017/05/08 Javascript
微信小程序实现漂亮的弹窗效果
2020/05/26 Javascript
LayUI表格批量删除方法
2018/08/15 Javascript
layui弹出层按钮提交iframe表单的方法
2018/08/20 Javascript
JQuery扩展对象方法操作示例
2018/08/21 jQuery
AngularJs返回前一页面时刷新一次前面页面的方法
2018/10/09 Javascript
vue router导航守卫(router.beforeEach())的使用详解
2019/04/19 Javascript
微信小程序学习总结(一)项目创建与目录结构分析
2020/06/04 Javascript
写一个Vue loading 插件
2020/11/09 Javascript
讲解Python的Scrapy爬虫框架使用代理进行采集的方法
2016/02/18 Python
python3.4实现邮件发送功能
2018/05/28 Python
pyqt5实现绘制ui,列表窗口,滚动窗口显示图片的方法
2019/06/20 Python
python sklearn包——混淆矩阵、分类报告等自动生成方式
2020/02/28 Python
python两种注释用法的示例
2020/10/09 Python
python 使用xlsxwriter循环向excel中插入数据和图片的操作
2021/01/01 Python
Python Selenium异常处理的实例分析
2021/02/28 Python
用canvas显示验证码的实现
2020/04/10 HTML / CSS
The North Face意大利官网:服装、背包和鞋子
2020/06/17 全球购物
如果Session Bean得Remove方法一直都不被调用会怎么样
2012/07/14 面试题
乡镇信息公开实施方案
2014/03/23 职场文书
如何撰写一封出色的求职信
2014/04/27 职场文书
街道务虚会发言材料
2014/10/20 职场文书
2014年仓库工作总结
2014/11/20 职场文书
民主生活会意见
2015/06/05 职场文书
Golang 空map和未初始化map的注意事项说明
2021/04/29 Golang
Python图片验证码降噪和8邻域降噪
2021/08/30 Python