0

他の div に div を追加する JavaScript に関する本を読んでいますが、それが実際にどのように見えるかを視覚化したかっただけです。つまり、追加された div 内に含まれる追加された div であるか、またはその下に追加されたばかりです。とにかく、これを理解するために、 http://jsfiddle.net/mjmitche/S4e4r/で動作しないこのフィドルを作成しました。ここで、別の既存の div に div を追加しようとします。ID「お父さん」にクラス「息子」を追加できない理由を説明してください。

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

とはtit? 初期化されていない変数を使用しようとしています。

于 2012-12-17T23:47:15.300 に答える
1

getElementByIdのメソッドでdocumentあるため、それを介してアクセスする必要があります。

var dad = document.getElementById("dad")
于 2012-12-17T23:47:41.020 に答える
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 に答える