Question

我试图做一个简单的隐蔽,用javascript来显示功能(NOT Jquery,我要学习);我是我仍然学习的。我试图做的是Facebook和其他人,当你依靠新闻报道文章时,有一小X显示,可以选择删除。 I m试图在表格上填写(表室)

在此,我的职责是:

function showHide(id) {
    if(document.getDocumentById(id).style.visibility ==  hidden )
        document.getDocumentById(id).style.visibility =  visible ;
    else
        document.getDocumentById(id).style.visibility =  hidden ;
}

和在身体上:

echo  <tr> ;
        echo  <td class="managealbum_delete" id="managealbum_delete .$x. ">X</td> ;
        echo  <td>  . $album->title .  </td> ;
        echo  <td>  . $album->caption .  </td> ;
        echo  <td style="border: 1px solid black;" onMouseOver="showHide( ." ". managealbum_delete .$x." ". );" onMouseOut="showHide( ." ". managealbum_delete .$x." ". );">  . $album->media .  </td> ;
        echo  </tr> ;

Answer 1

该功能是getElementById,而不是getDocumentById。

function showHide(id) { 
    if(document.getElementById(id).style.visibility ==  hidden )    
        document.getElementById(id).style.visibility =  visible ; 
    else 
        document.getElementById(id).style.visibility =  hidden ; 
}

此外,你可以缩短这个轨道,并检查确保一个要素如:

function showHide(id) {
    var el = document.getElementById(id);
    if( el && el.style.visibility ==  hidden )    
        el.style.visibility =  visible ; 
    else 
        el.style.visibility =  hidden ; 
}

Answer 2

如果你真的想要掩盖它,而不只是抹去其内容,你应当使用:

document.getDocumentById(id).style.display =  none ;

并且为了展示,使用:

document.getDocumentById(id).style.display =  table-cell ;

友情链接