tr点击后保持选中状态

您可以使用JavaScript来实现此功能。您可以在点击事件中添加一个CSS类，该类将为元素添加所需的选中样式，并使用JavaScript中的classList属性来添加或删除该类。以下是一个示例代码：

HTML代码：

<div id="myDiv" onclick="toggleSelected()">点击我</div>

CSS代码：

.selected {
  background-color: blue;
  color: white;
}

JavaScript代码：

function toggleSelected() {
  var myDiv = document.getElementById("myDiv");
  myDiv.classList.toggle("selected");
}

这将在单击“myDiv”元素时切换其选定状态，并将其背景颜色更改为蓝色，文本颜色更改为白色。

相关问题

列表的tr选中后保持选中状态

要让列表的tr选中后保持选中状态，可以通过以下几种方法实现：

1.使用CSS的:visited伪类选择器，将选中的tr的背景色设置为不同的颜色，这样就可以在用户离开页面后仍保持选中状态。

2.使用JavaScript，在tr元素上添加一个selected类，在选中时添加该类，在离开页面时保存选中状态，在重新进入页面时根据保存的状态来添加或取消该类，从而实现选中状态的保持。

3.使用HTML5的localStorage或sessionStorage，将选中的tr的ID或其他标识符存储在本地存储中，在重新进入页面时根据存储的ID来添加或取消选中状态。

table-tr选中后保持选中状态

如果您想在选中 HTML 表格的行（`<tr>` 元素）后保持选中状态，可以使用 CSS 中的 `:focus` 伪类和 `outline` 属性。例如，您可以添加以下 CSS 样式：

tr:focus {
  outline: 2px solid blue;
}

这将在选中行时添加一个蓝色的 2px 边框。请注意，这种方法只有在用户使用 Tab 键或鼠标单击时才会起作用。

如果您想在页面加载时将某一行选中，您可以使用 JavaScript 将其添加到 `class` 属性中。例如：

<table>
  <tr class="selected">
    <td>...</td>
    <td>...</td>
  </tr>
  <tr>
    <td>...</td>
    <td>...</td>
  </tr>
  ...
</table>

然后，在您的 JavaScript 文件中，您可以使用以下代码来选中该行：

document.querySelector('.selected').focus();

这将在页面加载时选中带有 `selected` 类的第一个行，并将其设置为焦点。请注意，您需要确保该行是可聚焦的（如上例中所示），否则它将无法获得焦点。