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实例教程(19) 使用HoTMetal(3)
Dec 23 Javascript
jquery 操作单选框,复选框,下拉列表实现代码
Oct 27 Javascript
JavaScript 打地鼠游戏代码说明
Oct 12 Javascript
jQuery bind事件使用详解
May 05 Javascript
使用jQuery实现的网页版的个人简历(可换肤)
Apr 19 Javascript
javascript相关事件的几个概念
May 21 Javascript
jQuery Ajax页面局部加载方法汇总
Jun 02 Javascript
jquery siblings获取同辈元素用法实例分析
Jul 25 Javascript
JS实现图片延迟加载并淡入淡出效果的简单方法
Aug 25 Javascript
Vue.js每天必学之方法与事件处理器
Sep 06 Javascript
jQuery右下角悬浮广告实例
Oct 17 Javascript
Vue动态加载图片在跨域时无法显示的问题及解决方法
Mar 10 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魔术方法__GET、__SET使用实例
2014/11/25 PHP
Thinkphp调用Image类生成缩略图的方法
2015/03/07 PHP
微信公众号支付之坑:调用支付jsapi缺少参数 timeStamp等错误解决方法
2016/01/12 PHP
PHP 使用 Imagick 裁切/生成缩略图/添加水印自动检测和处理 GIF
2016/02/19 PHP
ThinkPHP 3.2.3实现页面静态化功能的方法详解
2017/08/03 PHP
php读取本地json文件的实例
2018/03/07 PHP
tp5.1框架数据库子查询操作实例分析
2020/05/26 PHP
jquery+ajax实现跨域请求的方法
2015/01/20 Javascript
JS动态创建元素的两种方法
2016/04/20 Javascript
如何在 Vue.js 中使用第三方js库
2017/04/25 Javascript
nodejs集成sqlite使用示例
2017/06/05 NodeJs
JS设计模式之访问者模式定义与用法分析
2018/02/05 Javascript
vue非父子组件通信问题及解决方法
2018/06/11 Javascript
vue鼠标移入添加class样式,鼠标移出去除样式(active)实现方法
2018/08/22 Javascript
JavaScript 复制对象与Object.assign方法无法实现深复制
2018/11/02 Javascript
layui实现三级联动效果
2019/07/26 Javascript
Vue退出登录时清空缓存的实现
2019/11/12 Javascript
使用vuex较为优雅的实现一个购物车功能的示例代码
2019/12/09 Javascript
node.js使用zlib模块进行数据压缩和解压操作示例
2020/02/12 Javascript
React实现阿里云OSS上传文件的示例
2020/08/10 Javascript
uniapp微信小程序:key失效的解决方法
2021/01/20 Javascript
python中使用正则表达式的连接符示例代码
2017/10/10 Python
Python3 获取一大段文本之间两个关键字之间的内容方法
2018/10/11 Python
在python中获取div的文本内容并和想定结果进行对比详解
2019/01/02 Python
python matplotlib库绘制条形图练习题
2019/08/10 Python
Python3 使用pillow库生成随机验证码
2019/08/26 Python
pycharm无法安装第三方库的问题及解决方法以scrapy为例(图解)
2020/05/09 Python
Python爬虫制作翻译程序的示例代码
2021/02/22 Python
H5仿微信界面教程(一)
2017/07/05 HTML / CSS
口腔医学技术应届生求职信
2013/11/09 职场文书
《哪吒闹海》教学反思
2014/02/28 职场文书
党支部组织生活会整改方案
2014/09/30 职场文书
《活见鬼》教学反思
2016/02/24 职场文书
MySQL分库分表与分区的入门指南
2021/04/22 MySQL
画错魏国疆域啦!《派对咖孔明》动画因作画失误于官网致歉
2022/04/07 日漫
mysql拆分字符串作为查询条件的示例代码
2022/07/07 MySQL