गतिशील रूप से जोड़ा गया बटन पर ऑनक्लिक ईवेंट जोड़ रहा है?

Question

मैं नीचे की तरह html में गतिशील रूप से एक बटन जोड़ने हूँ: उस बटन पर क्लिक करने पर मैं एक जावास्क्रिप्ट समारोह कॉल करना चाहते हैं:।

var but = document.createElement("button"); 

but.value="delete row"; 

but.setAttribute("onclick","callJavascriptFunction()"); 
//this is not working 

but.onclick="callJavascriptFunction()" 
//this is also not working 

document.getElementById("but").onclick="callJavascriptFunction()" 
//this is also not working 

but.id="but"+inc; 

इस को हल करने के लिए किसी भी तरीके हैं ?? plz मेरी मदद, धन्यवाद अग्रिम में

Answer 1

इस प्रयास करें:

but.onclick = callJavascriptFunction; 

या किसी अन्य तत्व के साथ यह लपेटकर द्वारा बटन बनाने और उपयोग innerHTML:

var span = document.createElement('span'); 
span.innerHTML = '<button id="but' + inc +'" onclick="callJavascriptFunction()" />'; 

Answer 2

आपके अभिव्यक्तियों से() को निकालें जो काम नहीं कर रहे हैं वांछित परिणाम आपको प्राप्त होंगे।

but.setAttribute("onclick",callJavascriptFunction); 
but.onclick= callJavascriptFunction; 
document.getElementById("but").onclick=callJavascriptFunction; 

Answer 3

but.onclick = callJavascriptFunction; 

कोई दोहरे उद्धरण चिह्नों कोई कोष्ठकों।

Answer 4

प्रयास करें
but.addEventListener('click', yourFunction) नोट अभाव parantheses () के बाद की कार्य का नाम ऐसा इसलिए है क्योंकि आप फ़ंक्शन को असाइन कर रहे हैं, इसे कॉल नहीं कर रहे हैं।

Answer 5

इस प्रयास करें:

var inputTag = document.createElement("div");    
inputTag.innerHTML = "<input type = 'button' value = 'oooh' onClick = 'your_function_name()'>";  
document.body.appendChild(inputTag); 

यह एक DIV जो पूरी तरह से काम करता है के अंदर एक बटन बनाता है!

Answer 6

मुझे एक समान समस्या थी लेकिन इनमें से कोई भी फ़िक्स काम नहीं करता था। समस्या यह थी कि मेरा बटन अभी तक पृष्ठ पर नहीं था।

//Bad code. 
var btn = document.createElement('button'); 
btn.onClick = function() { console.log("hey"); } 

इस के लिए

:

//Working Code. I don't like it, but it works. 
var btn = document.createElement('button'); 
var wrapper = document.createElement('div'); 
wrapper.appendChild(btn); 

document.body.appendChild(wrapper); 
var buttons = wrapper.getElementsByTagName("BUTTON"); 
buttons[0].onclick = function(){ console.log("hey"); } 

क्यों यह काम करता है मैं बिल्कुल भी कोई सुराग नहीं है इस के लिए ठीक इस से जा रहा जा रहा समाप्त हो गया। पृष्ठ पर बटन जोड़ना और किसी अन्य तरीके से इसका जिक्र करना काम नहीं किया।

Answer 7

यह कोड मेरे लिए अच्छा काम करता है और अधिक सरल दिखता है। विशिष्ट पैरामीटर के साथ एक समारोह को कॉल करने के लिए आवश्यक है।

var btn = document.createElement("BUTTON"); //<button> element 
var t = document.createTextNode("MyButton"); // Create a text node 
btn.appendChild(t); 

btn.onclick = function(){myFunction(myparameter)}; 
document.getElementById("myView").appendChild(btn);//to show on myView 

Answer 8

but.onclick = function() { yourjavascriptfunction();};

या

but.onclick = function() { functionwithparam(param);};