getElementbyID无法访问样式属性以对其进行读取或设置

|| 我有一些简单的html / css,我在其中使用onclick事件将一些参数发送到JavaScript。如果其中之一匹配,则将div的style.display属性设置为block,以便它作为对链接单击的响应而打开。但是我根本无法使getElementById正常工作。即使是关于obj本身的简单警报也不起作用。在这下面是无效的行: var displayprop = document.getElementById。(\“ dashboardanchor \”)。style.display; 这是代码。
    Div nested several levels in other divs

    <div id=\"mainpagemenuboxcontainer\">
        <div class=\"menulinkboxes\" id=\"dashboarddiv\">
        <a class=\"mainmenulinks\" id=\"dashboardanchor\"
        onmouseover=\'mouseOver(\"dashboarddiv\")\'
        onmouseout=\'mouseOut(\"dashboarddiv\")\'
        onclick=\'openPane(\"dashboarddiv,dashboardanchor\")\'
        href=\"#\">Dashboard</a>
        </div>
    </div>

    <div id=\"mainpagecontainer\">
        <div id=\"dashboardpane\">dashboardpane</div>
        <div id=\"dcsmpane\">dcsmpane</div>
        <div id=\"lgglasspane\">lgglasspane</div>
        <div id=\"siprehashpane\">siprehashpane</div>
    </div> <!-- End Mainpagecontainer -->
因此,它的作用是打开您在右上方看到的div。现在它只是一个占位符,但仍然应该可见。 这是Divs CSS。
    #dashboardpane {
    margin: 10px;
    padding: 5px;        
    font-family: monospace;
    background-color: white;
    border:1px solid blue;
    width: inherit;
    height: 700px;
    display: none;
} 这是JavaScript函数
    function openPane(elements)
     {
      var elements_array = elements.split(\",\");
      var paneDivId = elements_array[0];
      var paneAnchorId = elements_array[1];

      if (paneAnchorId == \"dashboardanchor\")
       {
        alert(\"gets to here\");      
        var displayprop = document.getElementById.(\"dashboardanchor\").style.display;
         // will not get to here
         alert (displayprop);
         document.getElementById.(\"dashboardanchor\").style.display = \"block\";
       }
     }
    
已邀请:
        无点-ID是参数,而不是方法:
var displayprop = document.getElementById(\"dashboardanchor\").style.display;
    

要回复问题请先登录注册