W3.JS 隐藏/显示
创建于 2024-12-03 /
22
字体：
[默认]
[大]
[更大]
w3.hide(selector)
使用元素 Id 隐藏元素
要隐藏具有指定 id 的元素，请在 id 名称前使用散列标记(#)。
隐藏 id="London" 的元素:
实例
<button onclick="w3.hide('#London')">Hide</button>使用标签名隐藏元素
要隐藏具有指定标签名的所有元素，可以使用标签名(没有 "<" 和 ">" )作为选择器。
隐藏所有<h2>元素:
实例
<button onclick="w3.hide('h2')">Hide</button>使用类名隐藏元素
要隐藏具有指定类名的所有元素，可以在类名前使用句点 (.)。
隐藏包含 class="city" 的元素
实例
<button onclick="w3.hide('.city')">Hide</button>使用元素 Id 显示元素
要显示具有指定 id 的元素，请在 id 名称前使用散列标记 ("#")
显示包含 id="London" 的元素:
实例
<button onclick="w3.show('#London')">Show</button>使用标签名显示元素
要显示具有指定标签名的所有元素，可以使用标签名(不带"<"和">")作为选择器
显示所有<h2>元素:
实例
<button onclick="w3.show('h2')">Show</button>使用类名显示元素
要显示具有指定类名的所有元素，请在类名前使用句点(.)。
显示包含 class="city" 的元素:
实例
<button onclick="w3.show('.city')">Show</button>切换 隐藏/显示
w3.toggleShow(selector)使用元素 Id 切换隐藏和显示
在隐藏和显示包含 id="London" 的元素之间切换:
实例
<button onclick="w3.toggleShow('#London')">切换隐藏/显示</button>使用标签名切换隐藏和显示
在隐藏和显示所有 <h2> 元素之间切换:
实例
<button onclick="w3.toggleShow('h2')">切换隐藏/显示</button>使用类名切换隐藏和显示
在隐藏和显示包含 class="city" 的元素之间切换:
实例
<button onclick="w3.toggleShow('.city')">切换隐藏/显示</button>
0 人点赞过
