如何在用户在文本框中输入文本时使用javascript更改行的背景色

<input type="text" id="textInput" onkeyup="changeBackgroundColor()" placeholder="在这里输入文本">
<div id="output">
  <div class="row">行1</div>
  <div class="row">行2</div>
  <div class="row">行3</div>
</div>

function changeBackgroundColor() {
  var textInput = document.getElementById("textInput").value; // 获取文本框的值
  var rows = document.getElementsByClassName("row"); // 获取所有行的元素

  for (var i = 0; i < rows.length; i++) {
    if (rows[i].innerHTML.indexOf(textInput) !== -1) { // 判断行的文本是否包含输入的文本
      rows[i].style.backgroundColor = "yellow"; // 如果包含，将行的背景色设置为黄色
    } else {
      rows[i].style.backgroundColor = "white"; // 如果不包含，将行的背景色设置为白色
    }
  }
}

.row {
  padding: 10px;
  border: 1px solid black;
  margin-bottom: 5px;
}