Question

我有一个javascript数组，我想用HTML显示部分内容。

例如，我将在正文中使用什么html代码来显示仅来自QR4的信息表 - 数字和国家/地区？阵列还有其他部分，以便显示整个QR4阵列会很好，但我也想知道如何选择特定的部分

QR4[25]  = "China";
QR4[24]  = "39241000";

QR8[25]  = "China";
QR8[24]  = "39241000";

QR8L[25] = "China";
QR8L[24] = "39241000";

QR4L[25] = "China";
QR4L[24] = "39241000";

我有这个代码使用csv在php中创建一个表，但是我希望它是客户端，而不是服务器端。像这样的桌子会很好......

<?php
echo "<table>\n\n";
$f = fopen("csv.csv", "r");
while (!feof($f) )  {
    echo "<tr>";
    $line_of_text = fgetcsv($f);
            echo "<td>" .  $line_of_text[10] . "</td>";

    echo "<tr>\n";
}
fclose($f);
echo "\n</table>";
?>

Answer 1

要在HTML表格中显示QR4数组的所有行，请使用：

<table>
    <tr>
        <th>ID</th>
        <th>City</th>
    </tr>

    <script type="text/javascript">
    for(id in QR4)
    {
        document.write('<tr><td>' + id + '</td><td>' + QR4[id] + '</td></tr>');
    }
    </script>
</table>

要在HTML表格中显示Javascript数组中的特定元素，请使用：

<table>
    <tr>
        <th>Number</th>
        <th>City</th>
    </tr>

    <script type="text/javascript">
        document.write('<tr><td>' + QR4[24] + '</td><td>' + QR4[25] + '</td></tr>');
    </script>
</table>

由于我怀疑你想要将QR [24]和QR [25]元素组合在一行中，这就是我在第二个代码示例中所做的。但如果是这种情况，那么你的数组结构就不合逻辑了。

我给了你代码示例来从Javascript数组中选择数据并将它们放在HTML表中，现在你可以按照你需要的方式使用它了。因为我根本不清楚..

Answer 2

这是一个非常简单的例子，说明如何做到这一点。

检查this fiddle。

您必须将数组传递给函数displayArrayAsTable()。然后，您可以指定要插入到表中的数组的范围，例如从您询问的24到25，否则将处理所有数组。

该函数将返回一个表元素，然后您可以将其附加到您认为更合适的位置，或者调整函数以便始终在您想要的位置插入它。

Answer 3

假设您已经定义了表，您可以使用一些简单的DOM方法来添加和删除行。

var table = document.getElementById("mytable");
for(i=0; i < QR4.length;i++) {
  var row = table.insertRow(table.rows.length);
  var cell = row.insertCell(0);
  cell.innerHTML = QR4[i];
}

在html表中显示js数组

3 个答案: