Имам някои прости html/css, където използвам събитие onclick, за да изпратя някои параметри към JavaScript. Ако един от тях съвпада, тогава задавам свойството style.display на div да блокира, така че да се отваря като реакция на щракване върху връзката. НО изобщо не мога да накарам 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="/bg#">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";
}
}