本篇内容介绍了“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怎么隐藏a标签”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识可以关注编程网网站，小编将为大家输出更多高质量的实用文章！
