2015-12-13 2 views
-1

У меня есть таблица, к которой записи добавляются динамически после того, как я прочитал данные из файла. Первый столбец - это тег, а второй - флажок. Когда я добавляю тег <a>, он добавляется в таблицу без ссылки на клики. Как я могу добавить ссылку?Добавить описание в href динамически

HTML

<html> 
<body> 
<div id="page-wrapper"> 
    <form onsubmit="download(this['dataTbl'].value)"> 
     <h1>Text File Reader</h1> 
     <div> 
      Select a text file: 
      <input type="file" id="fileInput"> 
     </div> 
     <pre id="fileDisplayArea"><pre> 
     <div id='tableDiv'> 
      <table id ="dataTbl" width="320" border="1"> 

      </table> 
     </div> 
     <button id="submitLink">Save Data</button> 
    </form> 
</div> 

</body> 
</html> 

JS

function addTable(result) 
{ 
    var splitted = result.split("\n"); 
    for (i = 0; i < splitted.length; i++) 
    { 
     filename=splitted[i]+".mp4" 
     //var link = '<tr><td><a href="Y:/MaxTopics/Videos/'+filename+'">'+filename+'</a></td><td><input type="checkbox" id ="chk'+filename+'"></input></td></tr>'; 
     var tbl = document.getElementById('dataTbl'); 
     //create row 
     var row = document.createElement('tr'); 
     //create column 
     var col1 = document.createElement('td'); 
     //create link 
     var movieLink = document.createElement('a'); 
     //set attribute for movieLink 
     movieLink.setAttribute("href", "Y:/MaxTopics/Videos/"+filename); 
     //append movieLink for col1 
     col1.appendChild(movieLink); 
     // append column for row 
     var span = document.createElement('span') 
     s 
     row.appendChild(col1); 
     var col2 = document.createElement('td'); 
     var chk = document.createElement('input'); 
     chk.setAttribute("type", "checkbox"); 
     chk.setAttribute("id", "checkbox"+filename); 
     col2.appendChild(chk); 
     row.appendChild(col2); 
     row.setAttribute("id","test"); 
     //append row to table 
     tbl.appendChild(row); 
    } 

} 

ответ

1

Кажется, вы забыли установить содержание ссылки:

movieLink.innerHTML = filename; 

Пустая ссылка не занимает никакого пространства и, следовательно, не видна или доступна для подключения:

<a href="#foo"></a>

Смежные вопросы