Почему мой appndChild не работает?

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 в новый div с id + i ++)

Большое спасибо !!

Answer 1

Это причуда JSFiddle.Он оборачивает весь ваш код в замыкание, поэтому обработчики onclick не могут получить доступ к вашей функции.Либо экспортируйте функцию в глобальную область:

window.addElement=addElement;

, либо измените маленький выпадающий список в JSFiddle с «onLoad» на «no wrap (head)» или «no wrap (body)».Пока вы это делаете, вы можете изменить «Mootools» на «No-Library (pure JS)».

Answer 2

В вашем jsFiddle addElement был ограничен внутри обработчика готовых документов и поэтому не был доступен для обработчика щелчков.Я изменил настройки в jsFiddle (без изменения кода), чтобы ваш код не был перенесен таким образом, и теперь он работает для меня: http://jsfiddle.net/jfriend00/XVDYa/.

Я изменил настройки jsFiddle на "No-Library (чистый JS) "и" без оберток (голова) ".Это вторая настройка, которая действительно имеет значение здесь.