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爱好者其它相关文章!
-
币安下载是否支持英文界面 2025-07-01
-
币安下载是否支持多语言切换 2025-07-01
-
币安下载后如何使用现货交易 2025-07-01
-
布莱德彼特的 F1 电影,为何让币圈人很自豪? 2025-07-01
-
XRP“无声蜡烛”:分析师解读其重要性 2025-07-01
-
币安下载后如何使用杠杆交易 2025-07-01