Question

您好，我正在尝试在表格中显示我的链接。这些链接是从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>

我还需要增加行，因为链接列表会增长！

这是一个小提琴：http://jsfiddle.net/volterony/5nW86/

Volterony

Answer 1

我认为你需要比现在的小提琴更简单。有很多事情要做，当你只是制作HTML时，你不需要做那么多。我已修改了您的jsfiddle，您可以看到我动态构建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

现在已完成基础知识，您应该能够将任何缺少的部分添加到我提供的基本模板中（例如添加锚链接等）。当您自己编写HTML时，有时使用document API可能会有点令人生畏和过度。

在表格中显示Javascript链接

1 个答案: