我使用 javascript 在 HTML 中创建了一个表格

Question

wiubWEFBWieufbwfeiubwefubfjdbffhejj ehjfj

Answer 1

codepen 帮了大忙！ 我曾经提到过查看控制台输出。 这非常重要，因为它会告诉您出了什么问题，因此请确保您知道如何看待它。 在 codepen 中，它也在左下角，并且 JS 中有一个红色的感叹号，表明存在错误。 当我点击公制按钮时，我看到：

类型错误：obj.height 为空

那是因为您的某些数据的宽度或高度为 null，而不是您期望的值，因此它“崩溃”并在导致问题的任何行处停止。 这就是为什么有些行消失了。

我看到的两个修复：

• 修复您的数据，以便其中的值不包含 null
• 使代码更健壮，这样它就不会因无效数据而崩溃（这对于任何程序来说总是可取的）。

对于第二个选项，您可以像这样修复代码：

function MetricValues() { 
    var tab = document.querySelector("table");
    tab.innerHTML = "";
    for (var obj of death_row) {
        var height = obj.height || "0' 0\"";
        var row = `<tr><td>${obj.first_name}</td>
         <td>${obj.last_name}</td>
         <td>${obj.age_at_execution}</td>
         <td>${((obj.weight)/2.2046).toFixed(1)}</td>
         <td>${(((Number(height[0])*12*2.54) + (Number(height[3])*2.54))/100).toFixed(2)}</td></tr>`;
        tab.innerHTML += row;
    }
};

使用临时变量var height = obj.height || "0' 0\\""; var height = obj.height || "0' 0\\"";默认为0' 0"修复崩溃。 顺便说一句，你绝对应该阅读函数。