javascript - javascriptでリンクを表示/非表示

Question

別々の下に配置する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>非表示にしたときに削除する必要があります。

Answer 1

親要素を返すparentNode属性を使用する必要があります。ここでは<td>：

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

Answer 2

これを試して：

document.getElementById("first").parentNode.style.display = 'none';