W3.JS Hide&Show
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')">Toggle Hide/Show</button>
タグ名を使用して非表示と表示を切り替えます
すべての<h2>要素の非表示と表示を切り替えます。
例
<button onclick="w3.toggleShow('h2')">Toggle Hide/Show</button>
クラス名を使用して非表示と表示を切り替えます
class = "city"を使用して、要素の非表示と表示を切り替えます。
例
<button onclick="w3.toggleShow('.city')">Toggle Hide/Show</button>