js動態(tài)修改表格行colspan列跨度的方法
更新時間：2015年03月30日 11:13:50 作者：歐陽不瘋
這篇文章主要介紹了js動態(tài)修改表格行colspan列跨度的方法,實例分析了javascript動態(tài)修改html中table屬性的技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了js動態(tài)修改表格行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程序設(shè)計有所幫助。
您可能感興趣的文章:
- JavaScript如何動態(tài)創(chuàng)建table表格
- JS實現(xiàn)從表格中動態(tài)刪除指定行的方法
- JS實現(xiàn)動態(tài)生成html table表格的方法分析
- js生成動態(tài)表格并為每個單元格添加單擊事件的方法
- javascript如何動態(tài)加載表格與動態(tài)添加表格行
- JS實現(xiàn)動態(tài)生成表格并提交表格數(shù)據(jù)向后端
- JavaScript中動態(tài)向表格添加數(shù)據(jù)
- JS實現(xiàn)向表格中動態(tài)添加行的方法
- JS實現(xiàn)動態(tài)表格的添加，修改，刪除功能(推薦)
- JavaScript實現(xiàn)動態(tài)表格效果
相關(guān)文章
一個支持ff的modaldialog的js代碼...2007-03-03
JavaScript鼠標拖動事件監(jiān)聽使用方法以及實例效果演示
最近工作中遇到了鼠標拖動事件監(jiān)聽的相關(guān)需求,所以下面這篇文章主要給大家介紹了關(guān)于JavaScript鼠標拖動事件監(jiān)聽使用方法以及實例效果演示的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2023-05-05
本文給大家分享的是個人在使用json數(shù)據(jù)生成樹狀目錄的時候，由于作用域問題處理不當(dāng)引起的一個小BUG的修復(fù)過程，小伙伴們需要的話可以參考下。2015-07-07
Bootstrap框架結(jié)合jQuery仿百度換膚功能實例解析
這篇文章主要為大家詳細介紹了Bootstrap框架結(jié)合jQuery仿百度換膚功能實現(xiàn)代碼解析,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-09-09
html 鎖定頁面(js遮罩層彈出div效果)，需要的朋友可以參考下。2009-10-10
這篇文章主要為大家詳細介紹了使用JS實現(xiàn)動態(tài)時鐘，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-03-03
基于bootstrap實現(xiàn)廣告輪播帶圖片和文字效果
這篇文章主要介紹了基于bootstrap實現(xiàn)廣告輪播帶圖片和文字效果,效果非常棒，需要的朋友可以參考下2016-07-07
javascript 取小數(shù)點后幾位幾種方法總結(jié)
這篇文章主要介紹了javascript 取小數(shù)點后幾位幾種方法總結(jié)的相關(guān)資料,這里提供了四種方法，幫助大家整理，需要的朋友可以參考下2017-08-08
函數(shù)式JavaScript編程指南...2007-02-02
這篇文章主要為大家詳細介紹了如何利用JavaScript制作一個簡單的網(wǎng)頁版加減計算器，文中的示例代碼講解詳細，感興趣的可以了解一下2022-05-05