在表中显示Javascript链接

在表中显示Javascript链接,javascript,html,css,Javascript,Html,Css,您好,我正在尝试在表中显示我的链接。链接来自JSON数据源,我只想在td标签中显示品牌名称。目标是: <table border="1" colspan="5"> <tr><td>Nike</td><td>Puma</td><td>etc</td><td>etc</td><td></td><td></td></tr>

您好,我正在尝试在表中显示我的链接。链接来自JSON数据源,我只想在td标签中显示品牌名称。目标是:

<table border="1" colspan="5">

 <tr><td>Nike</td><td>Puma</td><td>etc</td><td>etc</td><td></td><td></td></tr>

</table>

NikePumaetc等
我还需要随着链接列表的增加而增加行数

这是一把小提琴:


Volterony

我认为你需要让事情比你现在的小提琴简单得多。有很多事情要做,你不需要做这么多,当你只是做HTML。我已经修改了你的,你可以看到我动态地构建HTML

  var company, link, html = "<tr>", cols = 4, currentCol = 1;

  for (company in brand) // Loop through each item in the array
  {
      if (currentCol > cols) { // Make sure we only have 4 columns
          currentCol = 1; // Reset the current column if we go over that
          html += "</tr><tr>"; // Stop the previous row and start a new one
      }
      html += "<td>" + company + "</td>";  // Add the current item to the table 
      currentCol++; // Increment the column count for the next loop
  }

  html += "</tr>";

  document.getElementById('table').innerHTML = html; // Append the html with our dynamically created html
var公司,link,html=”,cols=4,currentCol=1;
for(品牌中的公司)//循环遍历数组中的每个项
{
如果(currentCol>cols){//请确保我们只有4列
currentCol=1;//如果我们检查该列,则重置当前列
html+=“”;//停止上一行并开始新的一行
}
html+=“”+company+“”;//将当前项添加到表中
currentCol++;//增加下一个循环的列计数
}
html+=“”;
document.getElementById('table')。innerHTML=html;//用动态创建的html追加html

现在基本工作已经完成,您应该能够将任何缺少的部分添加到我提供的基础模板中(例如添加锚链接等)。有时,当您可以自己编写HTML时,使用
文档
API可能会有点令人生畏和过度。

您是否考虑过使用模板库?而且
colspan=
不是表的有效属性。不幸的是,我仅限于纯JS。您是否使用
jquery
?@Volterony我可以问一下原因吗?最终,每个库都使用纯/普通javascript,一些微模板库非常轻量级。您好,谢谢您提供的例子。我将尝试将链接合并到您的基本模板中。我只是一个Javascript新手,所以如果我尝试添加链接,但他们似乎没有加载品牌内容,我会看看我是如何得到这些链接的?你的小提琴没有包括我建议的任何东西。请尝试编写一些HTML。