JavaScriptで検索した後に関数にリンクされた属性タグの要素を取得する

Question

JavaScriptでリンクを生成するためにforステートメントを使用するJavaScriptファイルと、クリックイベントを待機するEventlistnerがあります。私は私のリンクからHTMLの関数に接続している私のリンクを生成した特定のリンクをクリックするとリンクが必要になりますのタグを変数に追加します。

<script> 
    or (var j = 0; j < results.length; j++) { 

      if (parseInt(results[j].distance.text) <800){ 


      geocoder.geocode({'address': destinationList[j]}, 
       showGeocodedAddressOnMap(true)); 

      outputDiv.innerHTML += '<a id ="cl" href="#">' +   results[j].distance.text + ' to ' + destinationList[j] + 
       '. Destination is ' + results[j].duration.text +' From '+ originList[i] + '</a><br>'; 

      } 
      } 


    var onChangeHandler = function() { 
     display(); 
    } 


    //EVENT LISTENER FOR LINK CLICK 
    document.getElementById('output').addEventListener('click',  onChangeHandler); 


    function Display(){ 

    var doc; 
    doc = document.getElementbyId('cl').innerHTML; 
    console.log(doc); 



    } 

    </script> 

Answer 1

あなたはそれを作成するときには、aのonClick属性を設定することができます。

for(var j = 0; j < results.length; j++) 
{ 
    if(parseInt(results[j].distance.text) < 800) 
    { 
     geocoder.geocode({ 'address' : destinationList[j] }, showGeocodedAddressOnMap(true)); 
     outputDiv.innerHTML += '<a id ="cl" href="#" onclick="onChangeHandler(' + j + '); return false">' + results[j].distance.text + ' to ' + destinationList[j] + '. Destination is ' + results[j].duration.text +' From '+ originList[i] + '</a>.<br>'; 
    } 
} 

function onChangeHandler (i) 
{ 
    alert(i); 
} 

あなたはあまりにも追加のパラメータを渡すことができます。

for(var j = 0; j < results.length; j++) 
{ 
    if(parseInt(results[j].distance.text) < 800) 
    { 
     geocoder.geocode({ 'address' : destinationList[j] }, showGeocodedAddressOnMap(true)); 
     outputDiv.innerHTML += '<a id ="cl" href="#" onclick="onChangeHandler(' + j + ', ' + results[j] + '); return false">' + results[j].distance.text + ' to ' + destinationList[j] + '. Destination is ' + results[j].duration.text +' From '+ originList[i] + '</a>.<br>'; 
    } 
} 

var onChangeHandler = function(i, data) 
{ 
    alert(data.distance.text); 
}