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 相关文章推荐
ToolTips JQEURY插件之简洁小提示框效果
Nov 19 Javascript
js 将json字符串转换为json对象的方法解析
Nov 13 Javascript
Jquery validation remote 验证的缓存问题解决方法
Mar 25 Javascript
使用js画图之画切线
Jan 12 Javascript
JavaScript入门基础
Aug 12 Javascript
Bootstrap前端开发案例一
Jun 17 Javascript
js仿微信语音播放实现思路
Dec 12 Javascript
关于jQuery EasyUI 中刷新Tab选项卡后一个页面变形的解决方法
Mar 02 Javascript
微信小程序 空白页重定向解决办法
Jun 27 Javascript
Node接收电子邮件的实例代码
Jul 21 Javascript
微信小程序实现action-sheet弹出底部菜单功能【附源码下载】
Dec 09 Javascript
javascript设计模式 ? 简单工厂模式原理与应用实例分析
Apr 09 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
Yii2.0高级框架数据库增删改查的一些操作
2015/11/16 PHP
php实现留言板功能
2017/03/05 PHP
Laravel框架基于ajax和layer.js实现无刷新删除功能示例
2019/01/17 PHP
javascript使用activex控件的代码
2011/01/27 Javascript
jQuery的控件及事件(输入控件及回车事件)使用示例
2013/07/25 Javascript
jQuery fadeOut 异步实例代码详解
2016/08/18 Javascript
bootstrap按钮插件(Button)使用方法解析
2017/01/13 Javascript
js实现数字递增特效【仿支付宝我的财富】
2017/05/05 Javascript
利用jsonp与代理服务器方案解决跨域问题
2017/09/14 Javascript
Object.keys() 和 Object.getOwnPropertyNames() 的区别详解
2020/05/21 Javascript
JavaScript实现复选框全选和取消全选
2020/11/20 Javascript
微信小程序实现可拖动悬浮图标(包括按钮角标的实现)
2020/12/29 Javascript
[02:36]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Magma 选手采访
2021/03/11 DOTA
在Python中使用HTMLParser解析HTML的教程
2015/04/29 Python
Python中内建函数的简单用法说明
2016/05/05 Python
Python基于socket模块实现UDP通信功能示例
2018/04/10 Python
Python3.5内置模块之shelve模块、xml模块、configparser模块、hashlib、hmac模块用法分析
2019/04/27 Python
使用Python的OpenCV模块识别滑动验证码的缺口(推荐)
2019/05/10 Python
python画图把时间作为横坐标的方法
2019/07/07 Python
python或C++读取指定文件夹下的所有图片
2019/08/31 Python
numpy中生成随机数的几种常用函数(小结)
2020/08/18 Python
css3 图片圆形显示 如何CSS将正方形图片显示为圆形图片布局
2014/10/10 HTML / CSS
css3使用animation属性实现炫酷效果(推荐)
2020/02/04 HTML / CSS
利用简洁的图片预加载组件提升html5移动页面的用户体验
2016/03/11 HTML / CSS
加拿大女鞋品牌:ALDO
2016/11/13 全球购物
阿玛尼美国官方网站:Armani.com
2016/11/25 全球购物
麦德龙官方海外旗舰店:德国麦德龙超市
2017/12/23 全球购物
神话般的珠宝:Ross-Simons
2020/07/13 全球购物
世界上最大的艺术社区:SAA
2020/12/30 全球购物
工程力学硕士生的自我评价范文
2013/11/16 职场文书
大学竞选班长演讲稿
2014/04/24 职场文书
旗帜观后感
2015/06/08 职场文书
在人间读书笔记
2015/06/30 职场文书
2016春季小学开学寄语
2015/12/03 职场文书
维护民族团结心得体会2016
2016/01/15 职场文书
盘点2020年适合农村地区创业的项目
2019/10/16 职场文书