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入门·图片对象(无刷新变换图片)\滚动图像
Oct 01 Javascript
十个优秀的Ajax/Javascript实例网站收集
Mar 31 Javascript
javascript实现的图片切割多块效果实例
May 07 Javascript
jQuery仿淘宝网产品品牌隐藏与显示效果
Sep 01 Javascript
CascadeView级联组件实现思路详解(分离思想和单链表)
Apr 12 Javascript
AngularJS动态生成div的ID源码解析
Aug 29 Javascript
利用JQuery阻止事件冒泡
Dec 01 Javascript
Vue实现移动端左右滑动效果的方法
Nov 27 Javascript
JavaScript中的一些实用小技巧总结
Apr 07 Javascript
ZK中使用JS读取客户端txt文件内容问题
Nov 07 Javascript
JavaScript Reflect Metadata实现详解
Dec 12 Javascript
JavaScript数组常用的增删改查与其他属性详解
Oct 13 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类包含的七种语法说明
2015/06/04 PHP
PHP的Laravel框架结合MySQL与Redis数据库的使用部署
2016/03/21 PHP
Yii视图CGridView实现操作按钮定义地址示例
2016/07/14 PHP
php登录超时检测功能实例详解
2017/03/21 PHP
打开超链需要“确认”对话框的方法
2007/03/08 Javascript
如何实现动态删除javascript函数
2007/05/27 Javascript
Jquery网页出现的乱码问题的三种解决方法
2013/06/30 Javascript
jQuery选择器基础入门教程
2016/05/10 Javascript
利用Js+Css实现折纸动态导航效果实例源码
2017/01/25 Javascript
用vue封装插件并发布到npm的方法步骤
2017/10/18 Javascript
vue2实现可复用的轮播图carousel组件详解
2017/11/27 Javascript
js动态添加表格逐行添加、删除、遍历取值的实例代码
2018/01/25 Javascript
详解微信小程序调起键盘性能优化
2018/07/24 Javascript
详解JWT token心得与使用实例
2019/08/02 Javascript
layui lay-verify form表单自定义验证规则详解
2019/09/18 Javascript
jquery实现简单拖拽效果
2020/07/20 jQuery
[01:17]炒鸡美酒第四天TA暴走
2018/06/05 DOTA
用smtplib和email封装python发送邮件模块类分享
2014/02/17 Python
Python记录详细调用堆栈日志的方法
2015/05/05 Python
浅谈Python Opencv中gamma变换的使用详解
2018/04/02 Python
python 字典中取值的两种方法小结
2018/08/02 Python
Python实现的服务器示例小结【单进程、多进程、多线程、非阻塞式】
2019/05/23 Python
python高斯分布概率密度函数的使用详解
2019/07/10 Python
Python Numpy 自然数填充数组的实现
2019/11/28 Python
Python基于pandas爬取网页表格数据
2020/05/11 Python
Pytorch 解决自定义子Module .cuda() tensor失败的问题
2020/06/23 Python
Pycharm2020.1安装中文语言插件的详细教程(不需要汉化)
2020/08/07 Python
零基础学python应该从哪里入手
2020/08/11 Python
jupyter notebook 写代码自动补全的实现
2020/11/02 Python
纯HTML5+CSS3制作生日蛋糕代码
2016/11/16 HTML / CSS
HTML5获取当前地理位置并在百度地图上展示的实例
2020/07/10 HTML / CSS
安全生产先进个人材料
2014/02/06 职场文书
如何写好建议书
2014/03/13 职场文书
一般纳税人申请报告
2015/05/18 职场文书
2016党员读书思廉心得体会
2016/01/23 职场文书
MYSQL如何查看操作日志详解
2022/05/30 MySQL