Javascript 附加div，嵌套还是在下面？

我正在读一本关于JavaScript的书，书中把div附加到了其他div中，我只是想看看它到底是什么样子。i、 e.附加的div是否包含在它附加到的div中，或者只是添加到它的下面。无论如何，为了弄明白这一点，我创建了一个不起作用的提琴，我试图将一个div附加到另一个已经存在的div上。你能解释一下为什么我不能将类“son”附加到id“dad”上吗

JavaScript

var element = document.createElement('div');
element.className = 'son';
var dad = getElementById('dad');
dad.appendChild(tit); 

html

---

方法

getElementById（）

存在于

document

对象中：

var dad = document.getElementById("dad");
dad.appendChild(element);  // use 'element' instead of undefined 'tit`

​

---

演示：

方法

getElementById（）

存在于

文档
对象中：

var dad = document.getElementById("dad");
dad.appendChild(element);  // use 'element' instead of undefined 'tit`

​
演示：
什么是
tit
？您正在尝试使用尚未初始化的变量。
什么是
tit
？您正在尝试使用尚未初始化的变量。
getElementById
是
文档的一种方法，因此您需要通过它访问它：

var dad = document.getElementById("dad")

getElementById
是
文档
的一种方法，因此您需要通过它来访问它：

var dad = document.getElementById("dad")