Question

我正在读一本关于JavaScript的书，它正在将div添加到其他div中，我只是希望看到实际上看起来像什么。即附加的div包含在它附加的div中，或者它只是添加到它下面。无论如何，为了解决这个问题，我创建了这个不起作用的小提琴http://jsfiddle.net/mjmitche/S4e4r/，在那里我尝试将div附加到另一个已经存在的div。你能解释一下为什么我不能把“儿子”这个课程附加到身份'爸爸'身上吗？

的JavaScript

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

HTML

<div id="dad">

</div>

CSS

.son{

    background-color: red;
    width: 100px;
    height: 100px;

}


#dad{

    width: 100px;
    height: 100px;
    background-color: green;

}

Answer 1

getElementById()对象中存在方法document：

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

DEMO： http://jsfiddle.net/S4e4r/1/

Answer 2

什么是tit？您正在尝试使用尚未初始化的变量。

Answer 3

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

var dad = document.getElementById("dad")

附加div，嵌套还是以下？

3 个答案: