nckeckbox.onclick = "RemoveFromSelected( sv_"+ IdValue +")";
...
function RemoveFromSelected( id )
{...}
Динамическое создание елементов в Javascript
Я создаю динамически обьект, например, input. Как мне задать ему обработчик события onClick? Заранее спасибо.
input.onclick = обработчик
+
http://wdh.suncloud.ru/dhtml11.htm#ref411
http://wdh.suncloud.ru/dhtml12.htm#ref412
+
http://wdh.suncloud.ru/dhtml11.htm#ref411
http://wdh.suncloud.ru/dhtml12.htm#ref412
В этом и есть проблема, сейчас обьясню:
Делаю вот так:
этот код не работает (тестирую в Mozilla Firefox 2.0.0.2), если посмотреть в "Инспекторе DOM" то у созданых инпутов ничего не назначено на onClick. Хотя если вручную в нем же назначить то все работает. В чем проблема, может я как то не так присваиваю обработчик? И в нете ниччего не могу найти по данному вопросу.
Делаю вот так:
Код:
этот код не работает (тестирую в Mozilla Firefox 2.0.0.2), если посмотреть в "Инспекторе DOM" то у созданых инпутов ничего не назначено на onClick. Хотя если вручную в нем же назначить то все работает. В чем проблема, может я как то не так присваиваю обработчик? И в нете ниччего не могу найти по данному вопросу.
Даже вот такая вещь не работает:
В чем может быть проблема?
Код:
nckeckbox.onclick = "alert()";
В чем может быть проблема?
Если динамически работаешь с деревом документа, значит работаешь с DOM API и его реализацией в JavaScript. Если работаешь с DOM, так значит и используей его как положено, ссылки на документы о DOM ты найдешь в вики и в прикрепленной теме на форуме.
Код:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Новая страница 1</title>
</head>
<body>
<input onclick="addInput()" type="button" value="push me!">
<script type="text/javascript">
var button_num = 1;
function addInput() {
var input_elm = document.createElement('input');
input_elm.setAttribute('type', 'button');
input_elm.setAttribute('id', button_num);
input_elm.setAttribute('onclick', 'alert("Yes! №'+button_num+' This is fantastic!");');
input_elm.setAttribute('value', 'button №' + button_num);
button_num++;
document.body.appendChild(input_elm);
};
</script>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Новая страница 1</title>
</head>
<body>
<input onclick="addInput()" type="button" value="push me!">
<script type="text/javascript">
var button_num = 1;
function addInput() {
var input_elm = document.createElement('input');
input_elm.setAttribute('type', 'button');
input_elm.setAttribute('id', button_num);
input_elm.setAttribute('onclick', 'alert("Yes! №'+button_num+' This is fantastic!");');
input_elm.setAttribute('value', 'button №' + button_num);
button_num++;
document.body.appendChild(input_elm);
};
</script>
</body>
</html>
Спасибо, за помощь, буду разбиратся с DOM API.
Цитата:
Даже вот такая вещь не работает:
Почему же у меня она работате, вот в чем вопрос?