javascript如何隐藏a标签

JS隐藏a标签的方法：1、使用“a标签对象.style.display=none”语句；2、使用“a标签对象.style.visibility=hidden”语句；3、使用“a标签对象.style.opacity=0”语句。

本教程操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

javascript隐藏a标签

方法1：利用display属性

<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：利用visibility属性

<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：利用opacity属性

<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高级教程】