Javascript 函数getElementsByCassName（）在控制台中显示错误_Javascript_Google Chrome_Console

Javascript 函数getElementsByCassName（）在控制台中显示错误

javascript google-chrome

Javascript 函数getElementsByCassName（）在控制台中显示错误,javascript,google-chrome,console,Javascript,Google Chrome,Console,我的代码： <!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

我的代码：

<!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>

当我用浏览器打开它时，它显示在consol:var gens2=document.getElementsByClassName1.appendChildgens；

此行有错误。

您要查找的是：

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

之所以不起作用，是因为它获取的所有元素的类名都是1。您尚未指定从哪个元素获取数据。

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

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

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

GetElementsByCassName参数中的i是什么？我删除了一些代码，并且有一个带有var i的for循环