js动态修改表格行colspan列跨度的方法
更新时间：2015年03月30日 11:13:50 作者：欧阳不疯
这篇文章主要介绍了js动态修改表格行colspan列跨度的方法,实例分析了javascript动态修改html中table属性的技巧,具有一定参考借鉴价值,需要的朋友可以参考下
本文实例讲述了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程序设计有所帮助。
相关文章
看论坛里技术区没有平均给分的功能，感觉散分很不方便，就写了一个：IE8,FF3.5下测试ok2009-11-11
光标定位等TextRange的操作的范例代码...2006-07-07
这篇文章主要介绍了Js动态添加删除Table行的具体实现,需要的朋友可以参考下2014-04-04
在web页面中，我们经常需要通过修改样式（style）来达到更好的用户体验，需要的朋友可以参考下。2010-10-10
这篇文章主要介绍了Javascript连接数据库查询并插入数据，下面文章围绕主题展开详细内容，具有一的参考价值，需要的小伙伴可以参考一下，希望对你的学习有所帮助2022-03-03
下面小编就为大家带来一篇js在ie下打开对话窗口的方法小结。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-10-10
这篇文章主要给大家介绍了关于前端快速获取cookie的2种简单方式,Cookie是在HTTP协议下,服务器或脚本可以维护客户工作站上信息的一种方式,需要的朋友可以参考下2023-08-08
这篇文章主要介绍了基于javascript实现日历效果原理及代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-05-05
比较不错的分离式js代码，获取element的值，大家注意下，运行后的效果是32之类的值，其实主要是没有强制转换成数字，所以大家可以加上2008-05-05
在跨端项目开发中,uniapp是个不错的框架,下面这篇文章主要给大家介绍了关于uni-app小程序沉浸式导航实现的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-10-10
最新评论