这是我的JavaScript代码（create.js）：
var stuff = document.querySelector(".stuff");
var item = document.createElement('div');
item.className = 'item';
stuff.appendChild(item);
这是我的HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Sound Create</title>
<script src="create.js"></script>
</head>
<body>
<div class="stuff">
</div>
</body>
</html>
当我使用开发人员工具时，未添加任何代码。谢谢！
当调用“ getElementsByClassName”时，即使HTML元素仅包含一个元素，也将获得HTML元素的列表。因此正确的方法是：
document.getElementsByClassName("stuff")[0];
另一种方法是使用id。就像在js文件中一样，使用document.getElementById（'staff'）。它直接返回元素，因为id始终是唯一的。