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”更改为“no wrap (head)”或“no wrap (body)”。当您使用它时，您可能希望将“Mootools”更改为“No-Library (pure JS)”。

score 2 · Accepted Answer

在您的 jsFiddle 中， addElement 被限定在文档就绪处理程序内部，因此对单击处理程序不可用。我已经修改了 jsFiddle 中的设置（不更改任何代码）以不以这种方式包装您的代码，它现在对我有用：http: //jsfiddle.net/jfriend00/XVDYa/。

我将 jsFiddle 设置更改为“No-Library (pure JS)”和“no wrap (head)”。这是第二个设置在这里真正有所作为。

2 回答 2