javascript - 使用 Javascript 从 HTML 表中读取数据

Question

我目前正忙于一个项目，该项目有一个 html 表格，其中包含游戏及其发布年份。我正在尝试创建一个按钮，单击该按钮将隐藏 2016 年未启动的任何行。

因此，我在这个过程背后的想法是，我将创建一个 forloop 来遍历每一行和每一列以查找年份值，如果是 2016 年，则保留它，如果不是，则隐藏它。

但是我在循环部分遇到问题。

<script>
    function GameSearchLoop() {
        var table = document.getElementsByClassName(table);

        if (table == null) {
            console.log("Table Not Found");
        }
        else {
            console.log("Table Found");
        }

        var rowLength = table.rows.length;
        for (var z = 0; z < rowLength; z++) {
            var cells = table.rows.item(z).cells;
            var cellLength = cells.length;
            console.log("Row Checked");
            for (var x = 0; x < cellLength; x++) {
                console.log("Column Checked");
            }
        }

        //for (var r = 0, n = table.rows.length; r < n; r++) {
        //    console.log("Row Checked");
        //    for (var c = 0, m = table.rows[r].cells.length; c < m; c++) {
        //        alert(table.rows[r].cells[c].innerHTML);
        //        console.log("Column Checked");
        //    }
        //}


    }
</script>

我这里有两个不同的 for 循环，但它们似乎都不起作用。该表是使用相同的脚本稍微创建的，并附加了类表。

当运行代码并点击按钮时，我确实在控制台中看到“找到表”，但之后我收到“无法在 GameSearchLoop 读取未定义的属性‘长度’”。

谢谢

Answer 1

getElementsByClassName 返回一个 NodeList，一个集合。您需要以下第一个元素:

var table = document.getElementsByClassName(table)[0];

假设table在第一个实例中是一个包含类名的变量，并且您的表是其中第一个或唯一一个。

或者，

var rowLength = table[0].rows.length;

<小时/>

更好的是，为您的表提供一个 ID 并使用 getElementById。