在 javascript 中，通过设置元素的 style.display 属性为 “none”，即可隐藏 tr 元素，使其不可见。其他方法包括：从父元素中移除元素（parentnode.removechild(element)），或使用 css 类（element.classlist.add(“hidden”)）来定义不可见样式。
如何在 JavaScript 中隐藏 TR
要隐藏 HTML 表格中的 TR 元素，可以使用 JavaScript 的 style.display 属性。此属性允许您设置元素的可视性。
语法：
element.style.display = "none";
登录后复制
示例：
要隐藏具有 ID 为 “row1” 的 TR 元素，您可以使用以下代码：
document.getElementById("row1").style.display = "none";
登录后复制
这将使 TR 元素不可见。
其他方法：
除了使用 style.display 属性，您还可以使用以下方法来隐藏 TR 元素：
- parentNode.removeChild(element)： 此方法从父元素中删除元素。
- element.classList.add(“hidden”)： 您可以使用 CSS 类来隐藏元素。此示例添加了 “hidden” 类，该类可定义为使元素不可见的样式。
注意事项：
- 确保您正在处理正确的元素类型。TR 元素是 HTML 表格中的行元素。
- 如果您使用的是较旧的浏览器，您可能还需要设置 element.style.visibility 属性以防止内容坍塌。
- 隐藏元素后，它将不再响应事件或占据空间。
以上就是js如何隐藏tr的详细内容，更多请关注GTHOST其它相关文章！
