<script> function goToLink(link) { window.location = link; } </script> <table class="tab_1"> <tr> <td onclick="event.stopPropagation();"><input type="checkbox" id="select-all"></td> <td>录入时间</td> <td>退货单号</td> <td>录入人</td> <td>备注</td> <td>状态</td> <td>日志</td> </tr> {%for item in data%} <tr onclick="goToLink('/show_tui?tuihuodanhao={{item[1]}}');"> <td onclick="event.stopPropagation();"><input type="checkbox" value="{{item[1]}}" name="id"></td> <td>{{item[0]}}</td> <td><a href="/do_chawuliu2?danhao={{item[1]}}">{{item[1]}}</a></td> <td>{{item[2]}}</td> <td>{{item[3]}}</td> <td>{% if item[4] is none %}{% else %}{{item[4]}}{% endif %}</td> <td >日志</td> </tr> {%endfor%} </table> <script> var rows = document.getElementsByTagName("tr"); for (var i = 0; i < rows.length; i++) { var row = rows[i]; var tuihuodanhao = row.cells[1].innerHTML; if (tuihuodanhao === {{tuihuodanhao}}) { row.classList.add("selected"); } } </script> <script> function fun(ido,page){ var textDiv= document.getElementById(ido); var url="{{ url_for('shouhou.show_tui') }}?page="+page+"&keyword={% if keyword!=None %}{{keyword}}{% endif %}"; return textDiv.setAttribute("href",url); } </script>为什么行背景没有变色

根据你提供的代码，我看到你想要选中某个特定的行，并将其背景色变为黄色。在你的代码中，你使用了`classList.add("selected")`来添加`selected`类以改变背景色。但是我没有看到你定义`selected`类的CSS样式，所以这可能是行背景色没有变化的原因之一。

你需要在CSS文件中定义`selected`类的样式，例如：

.selected {
    background-color: yellow;
}

此外，我还看到你在JavaScript中使用了一个变量`tuihuodanhao`，但是没有给它赋值。你需要在变量名前加上单引号或双引号，如下所示：

var tuihuodanhao = '{{tuihuodanhao}}';

这样才能正确地获取到你想要选中的行的退货单号。

最后，在你的JavaScript代码中，你需要将选中行的代码放在`goToLink`函数中。因为目前你在行的`<tr>`标签上添加了点击事件，而这个事件会调用`goToLink`函数来跳转页面，所以你需要在这个函数中添加选中行的代码。例如：

function goToLink(link) {
    var rows = document.getElementsByTagName("tr");
    var tuihuodanhao = '{{tuihuodanhao}}';
    for (var i = 0; i < rows.length; i++) {
        var row = rows[i];
        if (row.cells[2].innerText === tuihuodanhao) {
            row.classList.add("selected");
        }
    }
    window.location = link;
}

这样就可以在跳转页面的同时选中指定的行并改变其背景色了。