JavaScript 動態設定colSpan
本章節介紹分享一段例項,它實現了table的colSpan值的設定。
關於colspan屬性可以參閱colspan用法詳解一章節。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼執行程式碼<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script> function setColSpan(){ var tds=document.getElementById('myTable').rows[0].cells; tds[0].colSpan="2"; tds[1].colSpan="6"; } window.onload=function(){ var obt=document.getElementById("bt"); obt.onclick=function(){ setColSpan() } } </script> </head> <body> <table id="myTable" border="1"> <tr> <td colspan="4">標題一</td> <td colspan="4">標題二</td> </tr> <tr> <td>螞蟻部落一</td> <td>螞蟻部落二</td> <td>螞蟻部落三</td> <td>螞蟻部落四</td> <td>螞蟻部落五</td> <td>螞蟻部落六</td> <td>螞蟻部落七</td> <td>螞蟻部落八</td> </tr> </table> <form> <input type="button" id="bt" value="檢視效果"/> </form> </body> </html>
上述程式碼,點選按鈕即可完成設定功能。
相關文章
- JavaScript動態設定float浮動JavaScript
- JavaScript動態設定文字字型大小JavaScript
- JavaScript動態設定元素背景圖片JavaScript
- JavaScript 動態設定input文字框只讀JavaScript
- javascript動態設定input文字框的值JavaScript
- javascript如何動態設定div的樣式JavaScript
- javascript動態設定字型的大小程式碼例項JavaScript
- javascript動態設定div的顯示和隱藏JavaScript
- javascript動態設定select下拉選單字型大小JavaScript
- JavaScript動態設定select下拉選單預設選項JavaScript
- 使用javascript動態設定div垂直水平居中程式碼JavaScript
- ImageView 動態設定大小View
- javascript動態設定table表格的cellpadding和cellspacingJavaScriptpadding
- 抖音短影片動態封面設定教程 抖音動態封面怎麼設定?
- 抖音短視訊動態封面設定教程 抖音動態封面怎麼設定?
- JavaScript設定元素float浮動JavaScript
- javascript動態設定元素的樣式簡單程式碼例項JavaScript
- jquery動態設定selectjQuery
- AngularJS動態設定CSSAngularJSCSS
- 動態DNS設定攻略(轉)DNS
- javascript實現的動態設定元素透明度程式碼例項JavaScript
- w10怎麼設定動態桌布 win10桌面動態桌布設定方法Win10
- C# 設定桌面動態桌布C#
- Ubuntu 20.04 設定 動態桌布Ubuntu
- easyexcel動態設定註解值Excel
- w10動態桌布怎麼設定_win10電腦動態桌布如何設定Win10
- HTML colspan 屬性HTML
- javascript動態設定一個div圖層覆蓋住另一個div圖層,並設定成透明JavaScript
- win10動態磁貼如何設定_win10設定動態磁貼的步驟Win10
- win10 動態圖片桌布怎麼設定_win10怎麼設定動態桌布Win10
- js動態設定div的內容JS
- jQuery動態設定div元素的尺寸jQuery
- 動態改變螢幕設定 (轉)
- DHCP 動態主機設定協議協議
- win10桌面動態桌布怎麼設定 兩種方法教你設定win10動態桌面Win10
- rowspan 與 colspan 詳解
- 動態和靜態設定binlog模式及詳解模式
- 使用JavaScript設定Tab欄自動切換JavaScript