如何解决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;
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。