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 相关文章推荐
srcElement表格样式
Sep 03 Javascript
兼容IE和FF的图片上传前预览js代码
May 28 Javascript
JavaScript使表单中的内容显示在屏幕上的方法
Jun 29 Javascript
Extjs实现下拉菜单效果
Apr 01 Javascript
JavaScript 字符串常用操作小结(非常实用)
Nov 30 Javascript
关于vue-router的beforeEach无限循环的问题解决
Sep 09 Javascript
JS实现马赛克图片效果完整示例
Apr 13 Javascript
JS中实现一个下载进度条及播放进度条的代码
Jun 10 Javascript
vue与iframe之间的信息交互的实现
Apr 08 Javascript
vue项目中播放rtmp视频文件流的方法
Sep 17 Javascript
Openlayers绘制地图标注
Sep 28 Javascript
Vue过滤器(filter)实现及应用场景详解
Jun 15 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
第四节 构造函数和析构函数 [4]
2006/10/09 PHP
浅谈thinkphp的实例化模型
2015/01/04 PHP
js对象的构造和继承实现代码
2010/12/05 Javascript
仿新浪微博返回顶部的jquery实现代码
2012/10/01 Javascript
JS去除右边逗号的简单方法
2013/07/03 Javascript
js中数组(Array)的排序(sort)注意事项说明
2014/01/24 Javascript
瀑布流布局代码一例
2014/04/11 Javascript
javascript学习笔记之10个原生技巧
2014/05/21 Javascript
异步JavaScript编程中的Promise使用方法
2015/07/28 Javascript
Bootstrap多级导航栏(级联导航)的实现代码
2016/03/08 Javascript
深入理解js函数的作用域与this指向
2016/05/28 Javascript
BootStrap Table 获取同行不同列元素的方法
2016/12/19 Javascript
基于JavaScript实现飘落星星特效
2017/08/10 Javascript
JS实现评价的星星功能
2017/08/20 Javascript
vue父组件中获取子组件中的数据(实例讲解)
2017/09/27 Javascript
vue中遇到的坑之变化检测问题(数组相关)
2017/10/13 Javascript
使用mock.js随机数据和使用express输出json接口的实现方法
2018/01/07 Javascript
[02:08]什么藏在DOTA2 TI9“小紫本”里?斧王历险记告诉你!
2019/05/17 DOTA
Python实现读取目录所有文件的文件名并保存到txt文件代码
2014/11/22 Python
Python爬虫爬取美剧网站的实现代码
2016/09/03 Python
python自带的http模块详解
2016/11/06 Python
Python设计模式之门面模式简单示例
2018/01/09 Python
Pytorch 多块GPU的使用详解
2019/12/31 Python
Python 求向量的余弦值操作
2021/03/04 Python
HTML5拖放API实现拖放排序的实例代码
2017/05/11 HTML / CSS
idealfit英国:世界领先的女性健身用品和运动衣物品牌
2017/11/25 全球购物
C&A巴西网上商店:时尚、衣服、手机和鞋子
2020/06/07 全球购物
投标邀请书范文
2014/01/31 职场文书
羽毛球比赛策划方案
2014/06/13 职场文书
大一工商管理职业生涯规划:有梦最美,行动相随
2014/09/18 职场文书
喝酒驾驶检讨书
2014/10/01 职场文书
群众路线领导班子整改方案
2014/10/25 职场文书
上诉答辩状范文
2015/05/22 职场文书
《黄道婆》教学反思
2016/02/22 职场文书
如何把新闻人物写得立体、鲜活?
2019/08/14 职场文书
JavaScript 中for/of,for/in 的详细介绍
2021/11/17 Javascript