javascript - JS在li上使用onclick事件显示块

HTML:

<script>function dropdown()
{        console.getElementById("").style.display="block";
}</script>
<div id="dropdown">
    <ul>
        <li onclick="dropdown()"><a>Menu</a>
             <ul id="Menuitems">
                 <li><a href="">item 1</a> </li>
                 <li><a href="">item 2</a> </li>
                 <li><a href="">item 3</a> </li>
            </ul>
        </li>
    </ul>
</div>

CSS:

#dropdown ul{
 display: block;
}
#dropdown ul li {
     display: block;
     background-color: #558c89;
     color: #ffffff;
}
#dropdown ul li ul {
     display: none;
}
#dropdown ul li:hover > ul { /*this is what the onclick event should do*/
     display: block;
}

onclick应该启动功能“dropdown()”，该功能需要:“display:block;”在#dropdown ul li上

最佳答案

您缺少列表ID，而是在控制台上调用选择器(当您想在文档上选择时)。

<script>
function dropdown()
{
    document.getElementById("Menuitems").style.display="block";
}
</script>
<div id="dropdown">
    <ul>
        <li onclick="dropdown()"><a>Menu</a>
             <ul id="Menuitems">
                 <li><a href="">item 1</a> </li>
                 <li><a href="">item 2</a> </li>
                 <li><a href="">item 3</a> </li>
            </ul>
        </li>
    </ul>
</div>

JSFiddle:http://jsfiddle.net/tmaB9/