0

我正在阅读一本关于将 div 附加到其他 div 的 JavaScript 书籍,我只是想了解它的实际外观。ie 是包含在它附加到的那个 div 中的附加 div,或者它只是添加到它下面。无论如何,为了解决这个问题,我创建了这个不起作用的小提琴http://jsfiddle.net/mjmitche/S4e4r/,我尝试将一个 div 附加到另一个已经存在的 div 上。你能解释一下为什么我不能在 id 'dad' 后面加上 class 'son' 吗?

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;

}
4

3 回答 3

1

方法getElementById()存在于document对象中:

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

​演示 :http: //jsfiddle.net/S4e4r/1/

于 2012-12-17T23:46:20.277 回答
1

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

于 2012-12-17T23:47:15.300 回答
1

getElementById是 的一个方法document,所以需要通过它来访问:

var dad = document.getElementById("dad")
于 2012-12-17T23:47:41.020 回答