为什么我的appendChild 不起作用?

发布于 2024-11-23 18:42:25 字数 569 浏览 2 评论 0原文

我在这里设置了一个小的 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++ 添加一个 id 到新 div )

非常感谢!

I have a little javascript app set up here: http://jsfiddle.net/faYMH/

What i want it to do is add a

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

after

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

using

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

(actually, what i want is for the onClick to go directly in the

So can anyone correct my code or provide some input?

(My next step is to also add a remove div, add an id to the new div with id + i++ )

Thanks so much!!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

压抑⊿情绪 2024-11-30 18:42:25

这是 JSFiddle 的一个怪癖。它将所有代码包装在一个闭包中,因此 onclick 处理程序无法访问您的函数。要么将该函数导出到全局范围:

window.addElement=addElement;

或者将 JSFiddle 中的小下拉列表从“onLoad”更改为“无换行(头)”或“无换行(主体)”。当您这样做时,您可能想将“Mootools”更改为“No-Library(纯JS)”。

That's a quirk of JSFiddle. It wraps all of your code in a closure, so onclick handlers can't access your function. Either export the function into the global scope:

window.addElement=addElement;

Or change the little drop down in JSFiddle from "onLoad" to "no wrap (head)" or "no wrap (body)". While you're at it, you might want to change "Mootools" to "No-Library (pure JS)".

动次打次papapa 2024-11-30 18:42:25

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

我将 jsFiddle 设置更改为“无库(纯 JS)”和“无换行(头)”。真正产生差异的是第二个设置。

In your jsFiddle, addElement was scoped to inside the document ready handler and thus wasn't available to the click handler. I've modified the settings in the jsFiddle (without changing any code) to not have your code wrapped that way and it works for me now: http://jsfiddle.net/jfriend00/XVDYa/.

I changed the jsFiddle settings to "No-Library (pure JS)" and to "no wrap (head)". It's the second setting that really makes the difference here.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文