如何用JavaScript实现隐藏网页中的a标签？

本文共计384个文字，预计阅读时间需要2分钟。

隐藏a标签的方法：

1. 使用a标签对象.style.display='none'语句；

2.使用a标签对象.style.visibility='hidden'语句；

3.使用a标签对象.style.opacity=0语句。

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>

效果图：