鸿 网 互 联 www.68idc.cn

javascript如何隐藏a标签

来源:互联网 作者:佚名 时间:2022-06-27 11:58
JS隐藏a标签的方法:1、使用“a标签对象.style.display=none”语句;2、使用“a标签对象.style.visibility=hidden”语句;3、使用“a标签对象.style.opacity=0”语句。 本教程操作环境:windows7系统、

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>

效果图:

1.gif

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

效果图:

2.gif

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

效果图:

3.gif

【推荐学习:javascript高级教程】

以上就是javascript如何隐藏a标签的详细内容,更多请关注鸿网互联其它相关文章!

上一篇:javascript中的移入移出函数是什么
下一篇:没有了
网友评论
<