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