<!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中fetch()用法實例
在前端快速發(fā)展地過程中,為了契合更好的設計模式,產(chǎn)生了 fetch 框架,下面這篇文章主要給大家介紹了關于JavaScript中fetch()用法的相關資料,需要的朋友可以參考下
2022-06-06
Echarts之懸浮框中的數(shù)據(jù)排序問題
Echarts非常強大，配置也非常的多，有很多細節(jié)需要深入研究。這篇文章主要介紹了Echarts之懸浮框中的數(shù)據(jù)排序問題,需要的朋友可以參考下
2018-11-11
webstorm中vue語法的支持詳解
這篇文章主要介紹了webstorm中vue語法的支持詳解，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-05-05
JS Replace 全部替換字符的用法小結
本篇文章主要是對JS Replace 全部替換字符的用法進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2013-12-12
JavaScript使用Canvas繪制一個驗證碼組件
驗證碼,這一日常伴隨我們的要素,是我們在線交互的重要安全保障,你的手機短信里是否被它占據(jù)半壁江山,今天我們就來聊聊如何在網(wǎng)頁上實現(xiàn)一個簡單的驗證碼組件,需要的朋友可以參考下
2023-09-09
JavaScript制作顏色反轉小游戲
本文給大家分享的是一個JavaScript實現(xiàn)的顏色反轉的小游戲的源碼，非常的簡單好玩，有需要的小伙伴可以參考下
2016-09-09
JavaScript DOM節(jié)點操作方法總結
下面小編就為大家?guī)硪黄狫avaScript DOM節(jié)點操作方法總結。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-08-08
javascript中的深復制詳解及實例分析
這篇文章主要介紹了javascript中的深復制詳解及實例分析的相關資料,需要的朋友可以參考下
2016-12-12
js自定義瀑布流布局插件
這篇文章主要為大家詳細介紹了瀑布流布局與自定義瀑布流布局插件，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-05-05
react-router-dom?v6?通過outlet實現(xiàn)keepAlive?功能的實現(xiàn)
本文主要介紹了react-router-dom?v6?通過outlet實現(xiàn)keepAlive功能，文中根據(jù)實例編碼詳細介紹的十分詳盡，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2022-03-03