在javascript中显示/隐藏链接

show/hide link in javascript

本文关键字：隐藏 链接 显示 javascript      更新时间：2023-09-26

我有4个链接，它们位于单独的<td>下，我想根据父对象的特定选择显示/隐藏td

<td nowrap align=right id="dis_mirr" style="visiblility: visible;">
    <a id="first" style=font-weight:normal href=javascript:createwin();>
        &nbsp;Mirror&nbsp;
    </a>
</td>
<td nowrap align=right>
    <a id="second" style=font-weight:normal href=javascript:breakwin();>
        &nbsp;Break Mirror
    </a>
</td>

这是代码：

if(record.get('model') == 'top'){
    document.getElementById('first').visibility = "hidden";
}else{
    document.getElementById('first').visibility = "visible";
}

代码有效，但<td>仍然存在，当我隐藏它时应该将其删除。

您必须使用parentNode属性，它将返回父元素，这里是<td>:

if(record.get('model') == 'top'){
    document.getElementById('first').parentNode.visibility = "hidden";
} else {
    document.getElementById('first').parentNode.visibility = "visible";
}

试试这个：

document.getElementById("first").parentNode.style.display = 'none';
相关文章：