<body>
<button onclick="toggleHidden()">Toggle</button>
<table>
<tr>
<th>Name</th>
<th>City</th>
</tr>
<tr>
<td>Adam Freeman</td>
<td>London</td>
</tr>
<tr id="toggle" hidden>
<td>Joe Smith</td>
<td>New York</td>
</tr>
<tr>
<td>Anne Jones</td>
<td>Paris</td>
</tr>
</table>
<script>
var toggleHidden = function () {
var elem = document.getElementById("toggle");
if (elem.hasAttribute("hidden")) {
elem.removeAttribute("hidden");
} else {
elem.setAttribute("hidden", "hidden");
}
};
</script>
</body>
详细说明可见链接hidden - HTML: HyperText Markup Language | MDN
本文介绍了一个简单的HTML页面示例，该示例通过JavaScript实现了表格中某一行的显示与隐藏切换功能。用户可以通过点击按钮来控制特定行的可见性，此功能适用于展示或隐藏额外信息等场景。
扫一扫
1105
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
