如何使用javascript隐藏/显示基于变量的div

我试图根据URL参数显示一个div。我只能使用html css和javascript。我让它一直工作，直到当变量（URL中的参数）匹配时，div必须设置为显示none

HTML

Javascript

<script language="JavaScript">

    function getURLParameter(name) {
        return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location.search)||[""])[1].replace(/\+/g, '%20'))||null
    }

    myvar = getURLParameter('UserGroupId');

    document.write('The url parameter is: ' + myvar +'       ');

    if (myvar == 10102) {
        document.write('The url parameter is: ' + myvar +'     ');
        document.getElementById('cfiblinks').style.visibility = 'visible';
    } else {
        document.write('The url parameter is not : ' + myvar +'      ');
        document.getElementById('cfiblinks').style.visibility = 'hidden';
    }


</script>

函数getURLParameter（名称）{
返回decodeURIComponent（（新的RegExp（'[？&]'+name+'='+'（[^&]+？）（&&| | | | | | | | | | | |$））.exec（location.search）| |[“”][1]。replace（/\+/g，%20'））| | null
}
myvar=getURLParameter（'UserGroupId'）；
write（'url参数为：'+myvar+''）；
如果（myvar==10102）{
write（'url参数为：'+myvar+''）；
document.getElementById（'cfiblinks'）。style.visibility='visible'；
}否则{
write（'url参数不是：'+myvar+''）；
document.getElementById（'cfiblinks'）。style.visibility='hidden'；
}

任何帮助都将不胜感激。我怀疑文档有问题。getElementById。

试试这个

if (myvar == 10102) {

    document.write('The url parameter is: ' + myvar +'     ');
    document.getElementById('cfiblinks').setAttribute("style", "display:block");

} else {
   document.write('The url parameter is not : ' + myvar +'      ');
   document.getElementById('cfiblinks').setAttribute("style", "display:none");
  }

---

可以使用“块”或“无”设置显示特性

document.getElementById('cfiblinks').style.display = 'block'; //Will show
document.getElementById('cfiblinks').style.display = 'none'; //Will hide

试试看：

document.getElementById('something').style.display = "block";

及

---

offtopic：我建议使用

console.log

进行调试，而不是使用document.writey您的代码在jsbin（）上对我有效也许您应该打开开发人员控制台（在chrome上是ctrl+shift+j，在ff上是ctrl+shift+k），看看发生了什么。尝试从控制台运行

getURLParameter（'UserGroupId'）

，我猜原因是您的代码在加载DOM树之前运行。您可能希望使用jQuery或类似的工具；或者至少将脚本标记放在文档末尾。这很奇怪。在ff中，我遇到以下错误：-不推荐使用getUserData（）或setUserData（）。请改用WeakMap或element.dataset。-TypeError:document.getElementById（…）为null-使用document.write（）写入了一个不平衡的树，导致重新解析来自网络的数据。欲知更多信息，请点击YESS！！！！我把它移到了文档的末尾，它就像一个符咒！谢谢你澄清安蒂+1给你们所有人。我一弄明白怎么做！：pHello Jameem，谢谢你的回复，但是没有用。当我的参数从10102变为其他参数时，我仍然可以看到document.write方法工作，但是div没有改变显示状态。还有什么我必须确保我的html文件包含的内容吗？您必须通过检查元素来获取div的clientID？浏览器上的ID会更改..ID是cfliblinks，即使我在浏览器中检查firebug时也是如此。div id=“cfiblinks”中嵌套了更多的div，但我认为这不会影响它。感谢您的建议。我试着用显示代替可见性，但还是没有达到预期的效果。我尝试用显示代替可见性，但仍然没有得到预期的结果

document.getElementById('something').style.display = "block";

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