为什么我的appendChild 不起作用?
我在这里设置了一个小的 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
这是 JSFiddle 的一个怪癖。它将所有代码包装在一个闭包中,因此
onclick
处理程序无法访问您的函数。要么将该函数导出到全局范围:或者将 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: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)".
在 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.