函数getElementsByClassName(）在控制台中显示错误

Function getElementsByClassName() shows error in console

本文关键字：显示 错误 控制台 getElementsByClassName 函数      更新时间：2024-03-18

我的代码：

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style/game.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<meta charset="UTF-8"/>
</head>
<body onload="generate()">
<table border="1">
<tr class="1">
</tr>
</table>
<script>
function generate()
{
        var gen = document.getElementsByClassName("1");
        for (var j=1;j<=10;j++)
        {
            var gens = document.createElement("td");
            var gens2 = document.getElementsByClassName("1").appendChild(gens);
            gens.setAttribute("class", 1.j);
        }
}
</script>
</body>
</html>

当我用浏览器打开它时，它显示在控制台中：var gens2=document.getElementsByClassName（"1"）.appendChild（gens）；这行有错误。

您想要的是：

document.getElementsByClassName("1")[0];

为什么你的不起作用是因为它得到了类名为一的所有元素。您尚未指定从哪个元素获取数据。

document.getElementsByClassName（）函数返回一个元素数组（查看元素上的"s"。要访问第一个返回的元素，请使用以下命令：

document.getElementsByClassName("1")[0];

如果现在不知道返回了多少个元素，只需循环返回数组的长度即可。

相关文章：