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 相关文章推荐
pjblog修改技巧汇总
Mar 12 Javascript
prettify 代码高亮着色器google出品
Dec 28 Javascript
jquery判断小数点两位和自动删除小数两位后的数字
Mar 19 Javascript
javascript获取网页宽高方法汇总
Jul 19 Javascript
js实现Form栏显示全格式时间时钟效果代码
Aug 19 Javascript
基于JS实现PHP的sprintf函数实例
Nov 14 Javascript
更高效的使用JQuery 这里总结了8个小技巧
Apr 13 Javascript
javascript 中的console.log和弹出窗口alert
Aug 30 Javascript
基于Bootstrap框架菜鸟入门教程(推荐)
Sep 17 Javascript
父组件中vuex方法更新state子组件不能及时更新并渲染的完美解决方法
Apr 25 Javascript
vue的列表交错过渡实现代码示例
May 05 Javascript
浅析vue-cli3配置webpack-bundle-analyzer插件【推荐】
Oct 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 header 跳转
2013/06/17 PHP
析构函数与php的垃圾回收机制详解
2013/10/28 PHP
ThinkPHP模板引擎之导入资源文件方法详解
2014/06/18 PHP
高性能PHP框架Symfony2经典入门教程
2014/07/08 PHP
destoon实现底部添加你是第几位访问者的方法
2014/07/15 PHP
PHP制作3D扇形统计图以及对图片进行缩放操作实例
2014/10/23 PHP
PHP表单提交后引号前自动加反斜杠的原因及三种办法关闭php魔术引号
2015/09/30 PHP
thinkPHP简单调用函数与类库的方法
2017/03/15 PHP
php 如何设置一个严格控制过期时间的session
2017/05/05 PHP
JavaScript CSS修改学习第三章 修改样式表
2010/02/19 Javascript
js下将阿拉伯数字每三位一逗号分隔(如:15000000转化为15,000,000)
2014/06/02 Javascript
解析JavaScript的ES6版本中的解构赋值
2015/07/28 Javascript
javascript中的previousSibling和nextSibling的正确用法
2015/09/16 Javascript
全面理解JavaScript中的闭包
2016/05/12 Javascript
全面解析多种Bootstrap图片轮播效果
2016/05/27 Javascript
基于gulp合并压缩Seajs模块的方式说明
2016/06/14 Javascript
vue从使用到源码实现教程详解
2016/09/19 Javascript
详解Node.Js如何处理post数据
2016/09/19 Javascript
jQuery中each循环的跳出和结束实例
2017/08/16 jQuery
Vue2 配置 Axios api 接口调用文件的方法
2017/11/13 Javascript
Vuejs中的watch实例详解(监听者)
2020/01/05 Javascript
jquery实现鼠标悬浮弹出气泡提示框
2020/12/23 jQuery
Python计算回文数的方法
2015/03/11 Python
利用标准库fractions模块让Python支持分数类型的方法详解
2017/08/11 Python
python进行两个表格对比的方法
2018/06/27 Python
浅谈python实现Google翻译PDF,解决换行的问题
2018/11/28 Python
在numpy矩阵中令小于0的元素改为0的实例
2019/01/26 Python
html5实现九宫格抽奖可固定抽中某项奖品
2020/06/15 HTML / CSS
Kent & Curwen:与大卫·贝克汉姆合作
2017/06/13 全球购物
澳大利亚游乐场设备品牌:Lifespan Kids
2019/05/24 全球购物
通信工程毕业生自荐信
2013/11/01 职场文书
事业单位请假制度
2014/01/13 职场文书
教师网络培训心得体会
2016/01/09 职场文书
用Python爬取某乎手机APP数据
2021/06/15 Python
Pandas 稀疏数据结构的实现
2021/07/25 Python
如何基于python实现单目三维重建详解
2022/06/25 Python