为什么我的Javascript只在表格的第一行工作？

// 错误的选择器，只会选择第一行
var firstRow = document.querySelector('table tr');

// 正确的选择器，会选择所有的行
var allRows = document.querySelectorAll('table tr');

// 错误的循环，只会处理第一行
var rows = document.querySelectorAll('table tr');
rows[0].style.backgroundColor = 'red';

// 正确的循环，会处理所有的行
rows.forEach(function(row) {
    row.style.backgroundColor = 'red';
});

// 错误的事件监听器，只会为第一行添加监听器
var firstRow = document.querySelector('table tr');
firstRow.addEventListener('click', function() {
    alert('Row clicked!');
});

// 正确的事件监听器，会为所有行添加监听器
var rows = document.querySelectorAll('table tr');
rows.forEach(function(row) {
    row.addEventListener('click', function() {
        alert('Row clicked!');
    });
});

document.addEventListener('DOMContentLoaded', function() {
    // 你的Javascript代码
});