JavaScriptでタグを非表示にする方法

タグを非表示にする JS メソッド: 1. 「a tag object.style.display="none"」ステートメントを使用します。 2. 「a tag object.style.visibility="hidden"」ステートメントを使用します。 ; 3 、「a label object.style.opacity=0」ステートメントを使用します。

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

JavaScript はタグを非表示にします

方法 1: 表示属性を使用します

<a href="#" id="a">a标签超链接</a><br /><br />
<input type="button" value="点击按钮进行隐藏" id="btn" />
<script>
	function my(id) {
		return document.getElementById(id);
	}
	my("btn").onclick = function() {
		my("a").style.display = "none";
	}
</script>

レンダリング:

#方法 2: 可視性属性を使用する

<a href="#" id="a">a标签超链接</a><br /><br />
<input type="button" value="点击按钮进行隐藏" id="btn" />
<script>
	function my(id) {
		return document.getElementById(id);
	}
	my("btn").onclick = function() {
		my("a").style.visibility="hidden";
	}
</script>

レンダリング:

方法 3: 不透明度属性を使用する

<a href="#" id="a">a标签超链接</a><br /><br />
<input type="button" value="点击按钮进行隐藏" id="btn" />
<script>
	function my(id) {
		return document.getElementById(id);
	}
	my("btn").onclick = function() {
		my("a").style.opacity=0;
	}
</script>

レンダリング:

[推奨学習:

javascript高度なチュートリアル]

以上がJavaScriptでタグを非表示にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。