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 模拟JQuery的Ready方法实现并出现的问题
Dec 06 Javascript
JavaScript操作XML实例代码(获取新闻标题并分页,并分页)
May 25 Javascript
关于javascript function对象那些迷惑分析
Oct 24 Javascript
基于jquery tab切换(防止页面刷新)
May 23 Javascript
使用jQuery实现星级评分代码分享
Dec 09 Javascript
省市区三级联动jquery实现代码
Apr 15 Javascript
用jQuery.ajaxSetup实现对请求和响应数据的过滤
Dec 20 Javascript
js仿小米手机上下滑动效果
Feb 05 Javascript
详解Angular 4.x Injector
May 04 Javascript
快速搭建React的环境步骤详解
Nov 06 Javascript
JS实现字符串翻转的方法分析
Aug 31 Javascript
Vue页面跳转动画效果的实现方法
Sep 23 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中iconv函数使用方法
2008/05/24 PHP
简单的php数据库操作类代码(增,删,改,查)
2013/04/08 PHP
PHP防止刷新重复提交页面的示例代码
2015/11/11 PHP
JavaScript 组件之旅(三):用 Ant 构建组件
2009/10/28 Javascript
关于js中alert弹出窗口文本换行问题简单详细说明
2012/12/11 Javascript
关于jquery.validate1.9.0前台验证的使用介绍
2013/04/26 Javascript
JS window对象的top、parent、opener含义介绍
2013/12/03 Javascript
JavaScript中如何通过arguments对象实现对象的重载
2014/05/12 Javascript
javascript中定义类的方法汇总
2014/12/28 Javascript
jquery实现图片上传前本地预览功能
2016/05/10 Javascript
AngularJS基础 ng-readonly 指令简单示例
2016/08/02 Javascript
AngularJs 利用百度地图API 定位当前位置 获取地址信息
2017/01/18 Javascript
用jQuery实现圆点图片轮播效果
2017/03/19 Javascript
iOS + node.js使用Socket.IO框架进行实时通信示例
2017/04/14 Javascript
BootStrap 获得轮播中的索引和当前活动的焦点对象
2017/05/11 Javascript
vue自定义过滤器创建和使用方法详解
2017/11/06 Javascript
微信小程序封装的HTTP请求示例【附升级版】
2019/05/11 Javascript
JS实现简单的文字无缝上下滚动功能示例
2019/06/22 Javascript
JavaScript实现更换背景图片
2019/10/18 Javascript
对layui数据表格动态cols(字段)动态变化详解
2019/10/25 Javascript
javascript设计模式 ? 适配器模式原理与应用实例分析
2020/04/13 Javascript
vue 限制input只能输入正数的操作
2020/08/05 Javascript
Python实现读取文件最后n行的方法
2017/02/23 Python
在python下使用tensorflow判断是否存在文件夹的实例
2019/06/10 Python
TensorFlow索引与切片的实现方法
2019/11/20 Python
Python 中的pygame安装与配置教程详解
2020/02/10 Python
python如何绘制疫情图
2020/09/16 Python
CSS3中的常用选择器使用示例整理
2016/06/13 HTML / CSS
澳大利亚领先的在线美容商城:Adore Beauty
2017/04/14 全球购物
Tod’s英国官方网站:意大利奢华手工制作手袋和鞋履
2019/03/15 全球购物
小学语文教学反思
2014/02/10 职场文书
大学生工作求职信
2014/06/23 职场文书
先进基层党组织事迹材料
2014/12/25 职场文书
高中生物教学反思
2016/02/20 职场文书
2019财务转正述职报告
2019/06/27 职场文书
python 调用js的四种方式
2021/04/11 Python