javascript如何隐藏a标签

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中文网其他相关文章！