getElementbyID 无法访问样式属性来读取或设置它

Question

我有一些简单的 html/css，其中使用 onclick 事件将一些参数发送到 JavaScript。如果其中之一匹配，我就会将 div 的 style.display 属性设置为阻止，以便它作为对链接单击的反应而打开。但我根本无法让 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。它现在只是一个占位符，但仍然应该可见。

这是 Div 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";
       }
     }

Answer 1

无点 - ID 是参数，而不是方法：

var displayprop = document.getElementById("dashboardanchor").style.display;