Bagaimana untuk menyembunyikan tag dalam javascript

Cara menyembunyikan teg dalam JS: 1. Gunakan pernyataan "a teg object.style.display="none"" 2. Gunakan "a tag object.style.visibility="hidden"" pernyataan; 3. , gunakan pernyataan "a label object.style.opacity=0".

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi JavaScript 1.8.5, komputer Dell G3.

javascript menyembunyikan teg

Kaedah 1: Gunakan atribut paparan

<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>

kesan Gambar:

Kaedah 2: Gunakan atribut keterlihatan

<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>

Rendering:

Kaedah 3: Menggunakan atribut kelegapan

<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>

Rendering:

[Disyorkan Kajian: Tutorial JavaScript Terperinci]

Atas ialah kandungan terperinci Bagaimana untuk menyembunyikan tag dalam javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!