的JavaScript從點擊列表元素的ID

Question

我希望定義一個變量定義一個變量：

var alumniName = // id from a list (example: <li id="JoeJohnson">Joe Johnson</li>). 

我想要的變量，以匹配訪問者點擊了什麼。 （例如：

<li id="JoeJohnson">Joe Johnson</li> 
// when a visitor clicks on the name Joe Johnson... the variable = JoeJohnson 

<li id="FredSmith">Fred Smith</li> 
// when a visitor clicks on the name Fred Smith... the variable = FredSmith 

等）

任何幫助深表感謝-Thanks-

Answer 1

試試這個 HTML：

<ul> 
<li data-name='Joe Johnson'>Joe Johnson</li> 
<li data-name='Fred Smith'>Fred Smith</li> 
</ul> 

的JavaScript（被稱爲上身體負荷）：

var alumniName = ''; 
var liElems = document.getElementsByTagName('li'); 

for (var i=0; i<liElems.length; i++) 
{ 
    liElems[i].onclick = function(){ 
     alumniName = this.getAttribute('data-name'); 
     alert(alumniName); 
    }; 

} 

Answer 2

點擊發生時，您只能將變量設置爲與點擊相關的內容。使用event listener：

var recentClickedId = null; // init, nothing clicked on now 
// let this happen onload, i.e. when the DOM is available: 
document.body.addEventListener("click", function(event){ 
    var el = event.target; 
    if (el.nodeName.toLowerCase() == "li") 
     recentClickedId = el.getAttribute("id"); 
}, false); 

Answer 3

我們不得不做出您的設置一些假設......但在這裏乘坐高峯，看看這是有道理的。沒有圖書館需要。

HTML

<ul id="myList"> 
<li data-name='Joe Johnson'>Joe Johnson</li> 
<li data-name='Fred Smith'>Fred Smith</li> 
</ul> 

的Javascript

var list = document.getElementById('myList'), 
    alumniName; 

Array.prototype.forEach.call(list.getElementsByTagName('li'), function(item) { 
    item.onclick = function() { 
     alumniName = this.getAttribute('data-name'); 
     // or if you feel you still want to use ID's to store the values (spaces are not allowed) you can just ref this.id 
    }; 
});