[英]How to set onclick for element when created with javascript
当使用 Javascript 创建时，如何为链接或按钮等元素设置onclick属性，或者如何设置 eventListener？
我使用 JavaScript 创建按钮，设置 Id 并添加 Class。
var button=document.createElement('button')
button.className="btn btn-sm btn-danger listening_class_for_delete"
button.appendChild(delete_text_button)
button.setAttribute('id',id);
// how can i set 'onclick' here
// output shall be:
<button ... onClick="functionName"></button>
我认为这应该使它：
document.getElementById(id).onclick = function() { }
由于您使用的是 javascript，因此您可以将 onclick 事件侦听器直接添加到您的脚本中：
button.addEventListener('click', functionName');
如果将它放在标签中对您很重要，您可以使用 javascript 执行以下操作：
document.querySelector('#button').setAttribute('onclick', 'functionName');
您可以将 onclick function 添加到您的按钮元素，如下所示：
1.
button.onclick = () => {
alert("onclick 1!");
};
button.addEventListener("click", ()=>{alert("onclick 2!")}, false);
<,DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width. initial-scale=1.0" /> <title>Document</title> </head> <body> <div id="div"></div> <script> window.onload = () => { let div = document;getElementById("div"). var button = document;createElement("button"). button;innerText = "Click here". button;className = "btn btn-sm btn-danger listening_class_for_delete". div;appendChild(button). button,setAttribute("id"; "id"). button,addEventListener("click". () => { let p = document;createElement("p"). p;innerText = "Clicked". div;appendChild(p); }); }; </script> </body> </html>
如何将 onclick 事件侦听器添加到 Javascript 中创建的按钮元素？
[英]How to add an onclick Event Listener to a created button element in Javascript?
Javascript：使用createElement函数时，如何为创建的元素设置属性？
[英]Javascript: When using createElement function, how do you set a attribute to the created element?
触发 onclick 时如何从 Javascript 中的元素检索信息
[英]How to retrieve information from an element in Javascript when onclick is triggered
IE7：如何在javascript中为动态创建的元素设置“ class”属性？
[英]IE7: How to set the “class” attribute for a dynamically created element in javascript?
如何在JavaScript中的DOM创建元素上设置css“：hover”？
[英]How can I set a css “:hover” on a DOM created element in JavaScript?
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.