Javascript 在新创建的div中追加子项

我不明白为什么会出现这样的错误：

未捕获的TypeError:无法读取未定义的属性“appendChild”

这是我的密码：

//create new div element, append it to the body, give it an ID and a Class.
const container_clause_1 = document.createElement("div");
document.body.appendChild(container_clause_1);
container_clause_1.setAttribute("id", "container_clause_1");
container_clause_1.classList.add("cc1");

console.log(container_clause_1);
//returns <div id="container_clause_1" class="cc1></div>"

const cClause1 = document.getElementById("container_clause_1");

console.log(cClause1);
//returns <div id="container_clause_1" class="cc1></div>"

const right_clause_1 = document.createElement("div");
console.log(right_clause_1); //returns <div></div>

document.cClause1.appendChild(right_clause_1); //Error occurs here!

为什么在这行中有“文档”

document.cClause1.appendChild(right_clause_1);

当然，你只需要：

cClause1.appendChild(right_clause_1);

---

文档上没有
cClause1
。只需使用
cClause1
而不使用
文档。
。尝试document.body.cClause1.appendChild（right_子句_1）；德普！天啊，我没看到我做了什么！这当然是正确的@迈克·麦考根在评论中也提到了这个答案。谢谢你的快速回答
cClause1.appendChild(right_clause_1);