第一步
新建一個**。html的檔案,後續在該檔案中編輯內容
第二步
這裡使用了“Jquery”,所以要匯入Jquery包
第三步
編輯HTML程式碼
*{margin:0;padding:0;}
td{width:50px;text-align:center;color:red;}
1 | 2 |
---|---|
a | b |
第四步
編輯js程式碼
$(‘。xh’)。click(function(){
var xiabiao=$(‘。table tr th’)。length;//獲取當前表格的列數
var lie=“”;
for (var i = 0; i < xiabiao; i++) {
lie +=‘
}
$(“。table”)。append(‘
});
$(‘。xl’)。click(function(){
var xiabiao=$(‘。table tr’)。length;//獲取當前表格的行數
$(“。table tr”)。eq(0)。append(‘
for (var i = 1; i <= xiabiao; i++) {
$(“。table tr”)。eq(i)。append(‘
}
});