<script> function goToLink(link) { window.location = link; } </script> <script> var rows = document.getElementsByTagName("tr"); var tuihuodanhao = '{{tuihuodanhao}}'; for (var i = 0; i < rows.length; i++) { var row = rows[i]; if (row.cells[2].textContent === tuihuodanhao) { row.classList.add("selected"); } } </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>已经有了css样式了为什么没有变化

如果已经添加了样式但是没有变化，可能有以下几个原因：

1. 样式定义的选择器不正确。请确认在 CSS 文件中 ".selected" 的选择器是否和 HTML 文件中对应的 class 名称相同。

2. 样式定义的优先级不正确。如果有其他选择器对该行的样式进行了定义，可能会覆盖 ".selected" 的样式定义。可以通过在样式定义中使用 !important 来提高优先级，例如：

   .selected {
     background-color: yellow !important;
   }

3. 代码中的 tuihuodanhao 变量和 HTML 文件中的退货单号不匹配。请确认 tuihuodanhao 变量的值是否正确匹配到了需要选中的行。

希望以上提示能够帮助你找到问题所在。