微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

如何添加onclick事件以在javascript中创建新元素

如何解决如何添加onclick事件以在javascript中创建新元素

|| 我创建了一个“ 0”元素。我需要添加
onclick
事件...
function a(me) {
    var d=document.createElement(\"label\");
    d.id=me.id;
    d.onClick=\"a(10)\";
    d.innerHTML=\"welcome\";
    document.body.appendChild(d);
}
HTML:
<label id=\"1\" onclick=\"a(this)\">aa</label>
<label id=\"2\" onclick=\"a(this)\">bb</label>
<label id=\"3\" onclick=\"a(this)\">aa</label>
实际上发生的是当我单击html中的三个标签中的任何一个时。创建另一个标签显示欢迎。现在,当我单击新创建的标签“ welcome \”时,它不显示任何内容……也就是说,添加到新创建的标签的onclick事件不起作用.......任何建议。 .............     

解决方法

        您需要设置
d.onclick=function(){a(1);};
,注意大小写在这里很重要(不是\“ onClick \”)。 [编辑] 根据您的评论和更新的问题,我创建了一个jsFiddle来演示如何将代码转换为有效的代码。     ,        
d.setAttribute(\'onclick\',\'alert(\\\'hello\\\');\');
    ,        为了为HTML标签创建属性,有时我们必须添加以下内容:
yourTag.src
yourTag.src = \'http://lolxd.com/404.png\'
但是有一些特殊的属性,它们具有不同的编辑方式:
yourTag.classList
yourTag.className
还有一个
onclick
属性,wichwich可以像这样使用它:
// The first way
obj.onclick = function () { alert(\'lalala\') }
// With the Event Listener
obj.addEventListener(\'click\',function () { alert(\'lalala\') },false)
// Or,a text-render way
obj.setAttribute(\'onclick\',\'alert(`lalala`)\')
我建议您使用事件监听器,但请尝试全部:D     

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。