使用JavaScript錯誤的Onclick方法

我發現onclick示例here。我做了頁面上給出的所有內容，但我不知道發生了什麼問題/正在進行。使用JavaScript錯誤的Onclick方法

我做了什麼給那裏，當我創建一個新的頁面，它不工作。出了什麼問題？

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"; 
}

ONCLICK顯示菜單

<div id="mobi" style="display:none;z-index:99;" class="answer_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>

來源

2014-10-09 sanoj lawrence

我完整的代碼http://jsfiddle.net/sanoj908572/u2kxu2hz/4/ – 2014-10-09 19:23:09

你有一個語法錯誤。乍一看，你永遠不會關閉'hidemenus'功能。 – David 2014-10-09 19:26:55

對於初學者，'hidemenus'函數沒有用'}'關閉。請檢查您的控制檯是否有錯誤報告。（在Chrome中：右鍵單擊>檢查元素>底部窗口中的控制檯選項卡）。此外，你'hidemenus'並直接顯示它們（第二行）。 – 2014-10-09 19:27:14

快速瀏覽一下你的代碼，你試圖通過ID'mobi'找到一個元素，但是沒有元素在你提供的jsfiddle中有這個ID。

所以該函數不會做任何事情，因爲它找不到可以應用更改/操作的元素。

我嘗試了其他一些id：'elec'，'vehi'，並找不到具有這些ID的元素。

來源

2014-10-09 19:32:48

所以我需要做的 – 2014-10-09 19:33:41

從W3的例子：http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_doc_getelementbyid – 2014-10-09 19:35:24

檢查我的小提琴我已經添加仍然不工作http：// jsfiddle .net/sanoj908572/u2kxu2hz/4/ – 2014-10-09 19:37:57

您必須設置鏈接的id屬性。

例如：

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

加入這一行其ID：

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

來源

2014-10-09 19:36:57

仍然是負面結果 – 2014-10-09 19:41:31

– 2014-10-09 19:42:21

'id =「mobi」'_target div_ not錨點。 – 2014-10-09 19:55:58

嘗試是這樣的，使其更簡單：

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>

而且，代碼語中指出，要顯示的元素應該有ID：

<div id="elec"></div>

來源

2014-10-09 19:38:36

我在點擊前得到結果 – 2014-10-09 19:43:20

我不確定你的意思。 – 2014-10-09 21:09:16

使用JavaScript錯誤的Onclick方法

回答

相關問題