javascript如何隐藏a标签
时间:2021-11-15 来源:互联网
今天PHP爱好者为您带来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标签的详细内容,更多请关注php爱好者其它相关文章!
-
胜利女神:新的希望游戏全新版本10月8日将震撼来袭 2025-10-05
-
崩坏星穹铁道忘归人有什么技能-忘归人技能效果 2025-10-05
-
使命召唤手游传说级武器R9-0-电弧星明日正式上线 2025-10-05
-
QQ飞车手游梦幻庄园怎么玩-梦幻庄园玩法详细 2025-10-05
-
四点二十是什么梗?揭秘这个时间点背后的网络流行文化含义,让你秒懂年轻人新暗号。 2025-10-05
-
重返未来:1999告死鸟前瞻-新角色技能是什么解析 2025-10-05