标签：javascript events add element new-operator

我一直在尝试将onclick事件添加到我用JavaScript添加的新元素中.

问题是当我检查document.body.innerHTML时,我实际上可以看到onclick = alert(‘blah’)被添加到新元素中.

但是当我点击该元素时,我看不到警报框正在工作.事实上任何与JavaScript相关的东西都不起作用..

这是我用来添加新元素的内容：

function add_img() { 
  var elemm = document.createElement('rvml:image'); 
  elemm.src = 'blah.png';
  elemm.className = 'rvml';
  elemm.onclick = "alert('blah')";
  document.body.appendChild(elemm);
  elemm.id = "gogo";
  elemm.style.position='absolute';
  elemm.style.width=55;
  elemm.style.height=55;
  elemm.style.top=200;
  elemm.style.left=300;
  elemm.style.rotation=200; 
}

以下是我调用此函数的方法：

<button onclick=add_img()>add image</button>

现在,图像在浏览器中完美绘制.但是,当我点击图像时,我没有得到警报.

解决方法:

.onclick应该设置为函数而不是字符串.尝试

elemm.onclick = function() { alert('blah'); };

代替.

标签：javascript,events,add,element,new-operator
来源： https://codeday.me/bug/20190916/1808634.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。