javascript - なぜappendChildが機能しないのですか？

Question

ここに小さなJavaScriptアプリを設定しています：http：//jsfiddle.net/faYMH/

私がしたいのは追加することです

<div><h1>Hi there and greetings!</h1></div>

後

<div id='org_div1' onclick="addElement()">Hello</div>

を使用して

<a href="#" onClick="addElement()" >add some</a>

（実際、私が欲しいのは、onClickが直接

では、誰かが私のコードを修正したり、入力を提供したりできますか？

（私の次のステップは、削除divも追加し、id + i ++で新しいdivにIDを追加することです）

本当にありがとう！！

score 4 · Accepted Answer

これは JSFiddle の癖です。すべてのコードをクロージャーでラップするため、onclickハンドラーは関数にアクセスできません。関数をグローバルスコープにエクスポートします。

window.addElement=addElement;

または、JSFiddle の小さなドロップダウンを「onLoad」から「ラップなし (ヘッド)」または「ラップなし (ボディ)」に変更します。その間、「Mootools」を「No-Library (pure JS)」に変更したいかもしれません。

score 2 · Accepted Answer

あなたの jsFiddle では、addElement はドキュメント準備完了ハンドラー内にスコープされていたため、クリックハンドラーでは使用できませんでした。jsFiddle の設定を (コードを変更せずに) 変更して、コードがそのようにラップされないようにしました。

jsFiddle の設定を「No-Library (純粋な JS)」と「no wrap (head)」に変更しました。ここで本当に違いを生むのは 2 番目の設定です。

2 に答える 2