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高级教程】
以上是javascript如何隐藏a标签的详细内容。更多信息请关注PHP中文网其他相关文章!