<!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>

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

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