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\";
}
}
没有找到相关结果
已邀请:
1 个回复
悲帽慑彤电