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爱好者其它相关文章!
-
OKX官方App 2026下载指南 安卓iOS最新版安装地址 2025-10-27 -
网络热词"什么遥"是什么梗?揭秘年轻人都在玩的流行语背后真相 2025-10-27 -
欧易交易所APP官网下载入口 2026最新安装指南 2025-10-27 -
Binance官方安卓iOS安装包下载2026最新版安全获取指南 2025-10-27 -
瑶瑶是什么梗?揭秘网络热词背后的趣味故事 2025-10-27 -
OKX Ouyi官方App下载2026 安卓iOS最新版获取指南 2025-10-27