Javascript-切换元素只能用一种方式！还有URL附加所需的帮助

Javascript - Toggle Element only works one way! Also help required for URL append

本文关键字：URL 还有 方式 帮助 一种 元素 Javascript-      更新时间：2023-09-26

我正在尝试使用切换脚本来显示和隐藏页面的某些元素。。。它可以很好地隐藏包含链接列表的表，并显示表中的内容，但使用它来逆转这一点根本不起作用！

<script type="text/javascript">
function getElement(iElementId)
{
if (document.all) 
{
    return document.all[iElementId];
}
if (document.getElementById)
{
    return document.getElementById(iElementId);
}
}
function toggleElement(oElement)
{
if (oElement.style.display == "none")
{
    oElement.style.display = "inline";
}
else if (oElement.style.display == "inline")
{
    oElement.style.display = "none";
}
else
{
    oElement.style.display = "none";
}
}
function OpenPage(name) {
    // other function not relevant here //
toggleElement( getElement('MainTable'));
toggleElement( getElement('ContentTable'));
return false;
}
function Switchback(){
//  document.getElementById(MainTable).style.display = "inline";
//    document.getElementById('ContentTable').style.display = "none";
toggleElement( getElement('MainTable'));
toggleElement( getElement('ContentTable'));
return false;
}
</script>

即使只是尝试"getElementByID"函数也不适用于切换回显示链接的主表和隐藏内容表。。。有什么办法让它发挥作用吗？谢谢

（此外，当我们在做这件事的时候，使用Javascript/AAJAX附加URL的最佳方式是什么？因为页面目前是forum/index.php，但当点击论坛链接时，我希望URL附加到forum/index.php？f=然后是相关数字）

<script type="text/javascript">
function getElement(iElementId)
{
if (document.all) 
{
    return document.all[iElementId];
}
if (document.getElementById)
{
    return document.getElementById(iElementId);
}
}
function toggleElement(oElement)
{
if (oElement.style.display == "none")
{
    oElement.style.display = "inline";
}
else if (oElement.style.display == "inline")
{
    oElement.style.display = "none";
}
else
{
    oElement.style.display = "none";
}
}
function OpenPage(name) {
    // other function not relevant here //
toggleElement( getElement('MainTable'));
toggleElement( getElement('ContentTable'));
return false;
}
function Switchback(){
//  document.getElementById(MainTable).style.display = "inline";
//    document.getElementById('ContentTable').style.display = "none";
toggleElement( getElement('MainTable'));
toggleElement( getElement('ContentTable'));
return false;
}
</script>
相关文章：