如何设置与选定行相邻的TableView行的样式？

.selected-row {
  background-color: yellow;
}

var table = document.getElementById("table");
var rows = table.getElementsByTagName("tr");

for (var i = 0; i < rows.length; i++) {
  rows[i].addEventListener("click", function() {
    // 移除所有行的选定样式
    for (var j = 0; j < rows.length; j++) {
      rows[j].classList.remove("selected-row");
    }
    
    // 为当前点击的行添加选定样式
    this.classList.add("selected-row");
    
    // 如果当前行不是第一行，则为前一行添加选定样式
    if (this.rowIndex > 0) {
      rows[this.rowIndex - 1].classList.add("selected-row");
    }
    
    // 如果当前行不是最后一行，则为后一行添加选定样式
    if (this.rowIndex < rows.length - 1) {
      rows[this.rowIndex + 1].classList.add("selected-row");
    }
  });
}