通過點擊HTML列表元素來調用javascript函數

Question

我是網絡開發新手，所以這個問題對其他人來說可能太明顯了。我想做一個菜單，當點擊菜單項時，需要用一個參數調用javascript函數，即項目ID。我想將菜單項目顯示爲未編號的列表。我不明白的是如何將相同的函數綁定到每個列表項，這將由服務器端PHP腳本生成。

Answer 1

這將有希望讓你朝着正確的方向前進。我所做的只是將一個「onClick」事件監聽器綁定到所有li元素上，如果您在別處使用它們，您可能需要更改綁定的內容。然後當他們被點擊時，他們調用功能myScript，獲取他們的ID併發出警報。

JSFiddle Demo

HTML

<ul> 
    <li id="1">Link 1</li> 
    <li id="2">Link 2</li> 
    <li id="3">Link 3</li> 
    <li id="4">Link 4</li> 
    <li id="5">Link 5</li> 
</ul 

的Javascript

var li = document.getElementsByTagName("li"); 

for(var i = 0;i<li.length;i++){ 
    li[i].addEventListener("click", myScript); 
} 

function myScript(e){ 
    alert(e.target.attributes.id.value);  
}