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>