本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。
javascript隐藏a标签
方法1:利用display属性
复制代码1
2
3
4
5
6
7
8
9
10
<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属性
复制代码1
2
3
4
5
6
7
8
9
10
<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属性
复制代码1
2
3
4
5
6
7
8
9
10
<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高级教程】
以上就是javascript如何隐藏a标签的详细内容,更多请关注靠谱客其它相关文章!
最后
以上就是含蓄电话最近收集整理的关于javascript如何隐藏a标签的全部内容,更多相关javascript如何隐藏a标签内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复