使用JavaScript提取并显示HTML表格中的特定行和列

在Web开发中，经常需要从HTML表格中提取特定行和列的数据进行处理或展示。下面将详细介绍如何使用Javascript实现这一功能。

1. HTML结构

首先，我们需要一个包含学生信息的HTML表格：

    
    
    


    


































        
            
                
学号
                
姓名
                
年龄
                
性别
            
        
        
            
                
2014010101
                
张思思
                
20
                
女
            
            
                
2014010102
                
立三
                
21
                
男
            
            
                
2014010103
                
王玉
                
22
                
女
            
            
                
2014010104
                
朱莉
                
23
                
男
            
        
    

    

2. Javascript实现

接下来是用于遍历表格并显示数据的Javascript代码：

function displayTableData() {
    var table = document.getElementById("studentTable");
    var rows = table.rows;
    for (var i = 1; i         var cells = rows[i].cells;
        for (var j = 0; j             console.log('Row ' + i + ', Column ' + j + ': ' + cells[j].innerText);
        }
    }
}

3. 实现结果

（1）页面加载时，默认显示表格内容。

（2）单击“遍历表格”按钮后，控制台将输出每行每列的具体值。

（3）再次单击“遍历表格”按钮，重复上述过程，确保每次点击都能正确执行。