Onclick方法使用JavaScript错误

Onclick method using JavaScript error

本文关键字：JavaScript 错误 方法 Onclick      更新时间：2023-09-26

我在这里找到了一个onclick示例。我做了页面上给出的所有事情，我不知道出了什么问题。

我做了那里给出的，当我创建一个新页面时，它不起作用。怎么了？

JSFiddle

HTML

<div id="leftmenu">
  <ul id="leftmenuidfrmslt" style="vertical-align: middle;">
    <a href="" onclick="mob();"><li><span class="flaticon-smart">
  </ul>
</div>

JavaScript

function mob() {
    hidemenus();
    document.getElementById('mobi').style.display = "block";
}
function hidemenus() {
    document.getElementById('mobi').style.display = "none";
 }

点击显示菜单

 <div id="mobi" style="display:none;z-index:99;" class="answerswer_list" >
   <p class="flaticon-right127"><a href="#">Mobile&nbsp;Phones</a>
   <p class="flaticon-right127"><a href="#">Tablets</a></p>
   <p class="flaticon-right127"><a href="#">Mobile&nbsp;Accessories</a></p>
 </div>

快速浏览您的代码，您正试图找到一个ID为"mobi"的元素，但在您提供的jsfiddle中没有具有该ID的元素。

因此，函数什么也不做，因为它找不到可以应用更改/操作的元素。

我尝试了其他几个ID："elec"、"vehi"，但也找不到具有这些ID的元素。

您必须设置链接的id属性。

例如：

<a href="" onclick="mob();">

添加此行的id:

<a id="mobi" href="" onclick="mob();">

试试这样的东西，让它变得更简单：

var allIds = ['mobi','elec','vehi','home','pets','book','clot','kids','spor','serv','jobs','real'];
function hideAll() {
    for( id in allIds ) {
         document.getElementById( id ).style.display = "none";
    }
}
function showMenu( idToShow ) {
    hideAll();
    document.getElementById( idToShow ).style.display = "block";
}

在你的HTML中，你现在可以：

<a href="" onclick="showMenu('elec');"></a>

此外，正如Code Whisperer所指出的，你想要显示的元素应该有ids:

<div id="elec"></div>
相关文章：