как вызвать функцию onclick для динамически созданной кнопки в javascript

var del = document.createElement('input');
del.type = 'button';
del.name = 'delll';
del.value = 'del';
del.onClick = 'alert("hi  javascript")';

Здесь я динамически создал КНОПКУ типа ввода, и теперь я хочу вызвать функцию при нажатии кнопки. Я использую для этого функцию onClick();. В приведенном выше коде все работает нормально, но del.onclick не работает так, как я хочу (для генерации предупреждения для демонстрации)

Я не использую код jquery в этой программе, поэтому, пожалуйста, не используйте код jquery.


javascript button dynamically-generated
person user2750762    schedule 16.09.2013    source источник
comment
Взгляните на этот ответ stackoverflow .com / questions / 6956258 /.   -  person Neeraj    schedule 16.09.2013

Ответы (4)


arrow_upward
7
arrow_downward

установите onclick (все строчные буквы) на анонимную функцию

del.onclick = function(){ alert('hi javascript');};

обратите внимание, что функция не заключена в кавычки, как другие атрибуты

person Paul Nelson    schedule 16.09.2013

arrow_upward
3
arrow_downward 

del.onclick = function () {
    alert("hi  jaavscript");
};

Используйте маленький "C" в onClick и передайте для него функцию.

Демо здесь

person Sergio    schedule 16.09.2013

arrow_upward
1
arrow_downward

Попробуйте вот так

    var del = document.createElement('input');
    del.setAttribute('type', 'button');
    del.setAttribute('name', 'delll');
    del.setAttribute('value', 'del');
    del.setAttribute('onClick', 'alert("hi  jaavscript")');
person Nitish    schedule 16.09.2013

arrow_upward
0
arrow_downward

Итак, чтобы подробно ответить на вопрос:

del.onclick = '' не выполняет что-либо в кавычках. Если вы хотите выполнить / вызвать функцию, вам нужно передать функцию в качестве параметра.

i.e

del.onclick = function() { alert('hi there!')}
person Neeraj    schedule 16.09.2013