我是靠谱客的博主 含蓄电话,这篇文章主要介绍javascript如何隐藏a标签,现在分享给大家,希望可以做个参考。

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

javascript隐藏a标签

方法1:利用display属性

复制代码
1
2
3
4
5
6
7
8
9
10
<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属性

复制代码
1
2
3
4
5
6
7
8
9
10
<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属性

复制代码
1
2
3
4
5
6
7
8
9
10
<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如何隐藏a标签的全部内容,更多相关javascript如何隐藏a标签内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(179)

评论列表共有 0 条评论

立即
投稿
返回
顶部