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 相关文章推荐
利用JS解决ie6不支持max-width,max-height问题的方法
Jan 02 Javascript
js实现宇宙星空背景效果的方法
Mar 03 Javascript
动态创建按钮的JavaScript代码
Jan 29 Javascript
jquery简单插件制作(fn.extend)完整实例
May 24 Javascript
javascript的document中的动态添加标签实现方法
Oct 24 Javascript
JS 实现百度搜索功能
Feb 01 Javascript
详解离线安装npm包的几种方法
Nov 25 Javascript
深入理解es6块级作用域的使用
Mar 28 Javascript
微信小程序实现获取用户信息并存入数据库操作示例
May 07 Javascript
sharp.js安装过程中遇到的问题总结
Apr 02 Javascript
vue2.0 解决抽取公用js的问题
Jul 31 Javascript
基于angular实现树形二级表格
Oct 16 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中this,self,parent的区别详解
2013/06/08 PHP
PHP实现的英文名字全拼随机排号脚本
2014/07/04 PHP
php生成唯一数字id的方法汇总
2015/11/18 PHP
php.ini中date.timezone设置详解
2016/11/20 PHP
PHP实现绘制二叉树图形显示功能详解【包括二叉搜索树、平衡树及红黑树】
2017/11/16 PHP
Yii2.0框架behaviors方法使用实例分析
2019/09/30 PHP
php设计模式之正面模式实例分析【星际争霸游戏案例】
2020/03/24 PHP
如何用javascript判断录入的日期是否合法
2007/01/08 Javascript
Javascript 同时提交多个Web表单的方法
2009/02/19 Javascript
javascript对话框使用方法(警告框 javascript确认框 提示框)
2014/01/07 Javascript
JQuery为页面Dom元素绑定事件及解除绑定方法
2014/04/23 Javascript
javascript结合Canvas 实现简易的圆形时钟
2015/03/11 Javascript
JQuery实现样式设置、追加、移除与切换的方法
2015/06/11 Javascript
AngularJS 单元测试(二)详解
2016/09/21 Javascript
AngularJS中update两次出现$promise属性无法识别的解决方法
2017/01/05 Javascript
vue多页面开发和打包正确处理方法
2018/04/20 Javascript
Node.js使用supervisor进行开发中调试的方法
2019/03/26 Javascript
通过实例了解js函数中参数的传递
2019/06/15 Javascript
原生JS实现留言板
2020/03/26 Javascript
Python 第一步 hello world
2009/09/25 Python
Python如何生成树形图案
2018/01/03 Python
Python之dict(或对象)与json之间的互相转化实例
2018/06/05 Python
python实现nao机器人身体躯干和腿部动作操作
2019/04/29 Python
softmax及python实现过程解析
2019/09/30 Python
pycharm运行scrapy过程图解
2019/11/22 Python
Python三元运算与lambda表达式实例解析
2019/11/30 Python
python文件处理fileinput使用方法详解
2020/01/02 Python
Python计算指定日期是今年的第几天(三种方法)
2020/03/26 Python
Pytorch高阶OP操作where,gather原理
2020/04/30 Python
Python使用xpath实现图片爬取
2020/09/16 Python
前端面试必备之html5的新特性
2017/09/05 HTML / CSS
HTML5新增的表单元素和属性实例解析
2014/07/07 HTML / CSS
颇特女士:NET-A-PORTER(直邮中国)
2020/07/11 全球购物
志愿者爱心公益活动策划方案
2014/09/15 职场文书
学校政风行风自查自纠报告
2014/10/21 职场文书
Python中异常处理用法
2021/11/27 Python