Форум

Leax · #1 (**permalink**) 06.07.2011, 13:02

// добавляем кнопку
var btndiv = document.createElement("div");
var btn = document.createElement('input');
btndiv.id = 'divBtn'; 
btn.type = 'button';
btn.value = 'Go!' ;
btn.onclick = "alert('Test')"; // Не появляется в коде HTML!!!
btndiv.appendChild(btn);
document.body.appendChild(btndiv);

1) не работает событие на добавляемой кнопке (даже в HTML не появляется)
2) не получается добавить кнопку в другое место документа:

tb1=document.getElementsByClassName('br_ser');
tb1.appendChild(btn); // Ошибка!

Ошибка: tb1.appendChild is not a function

Помогите, пожалуйста (

ksa · #2 (**permalink**) 06.07.2011, 13:07

Не правильно ты, дядя Фёдор, бутерброд ешь...

<body>
<script>
// добавляем кнопку
var btndiv = document.createElement("div");
var btn = document.createElement('input');
btndiv.id = 'divBtn'; 
btn.type = 'button';
btn.value = 'Go!' ;
btn.onclick = function(){alert('Test')};
btndiv.appendChild(btn);
document.body.appendChild(btndiv);
</script>
</body>

ksa · #3 (**permalink**) 06.07.2011, 13:11

Сообщение от Leax

2) не получается добавить кнопку в другое место документа:

tb1=document.getElementsByClassName('br_ser');tb1.appendChild(btn); // Ошибка!

Потому как

document.getElementsByClassName('br_ser')

возвращает коллекцию элементов, а у коллекции/массива нет метода appendChild()...

Leax · #4 (**permalink**) 06.07.2011, 13:18

Спасибо, но в строке

btn.onclick = function(){alert('Test')};

появляется ошибка:
Ошибка: Component is not available

Странно, а здесь на странице пример работает. %
Я код использую в GreaseMonkey

ksa · #5 (**permalink**) 06.07.2011, 13:20

Сообщение от Leax

о в строке

btn.onclick = function(){alert('Test')};

появляется ошибка:
Ошибка: Component is not available

В каком браузере?
Я смотрел в ИЕ7 и Опере...

ksa · #6 (**permalink**) 06.07.2011, 13:22

Посмотрел еще в ФФ и Хроме - всё работает без ошибок...

<!DOCTYPE html>
<html>
<head>
<title>test</title>
<style type="text/css">
</style>
<script type="text/javascript">
</script>
</head>
<body>
<script>
// добавляем кнопку
var btndiv = document.createElement("div");
var btn = document.createElement('input');
btndiv.id = 'divBtn'; 
btn.type = 'button';
btn.value = 'Go!' ;
btn.onclick = function(){alert('Test')};
btndiv.appendChild(btn);
document.body.appendChild(btndiv);
</script>
</body>
</html>

Leax · #7 (**permalink**) 06.07.2011, 13:35

FF 3.6.16, Greasemonkey 0.9.6

var btndiv = document.createElement("div");
var btn = document.createElement('input');
btndiv.id = 'divBtn'; 
btn.type = 'button';
btn.value = 'Go!' ;
btn.onclick = function() {alert('Test')}; // ругается на эту строку
btndiv.appendChild(btn);
document.body.appendChild(btndiv);

вставил сразу после заголовка скрипта.
Если вышеуказанную строку закомментировать, то кнопка появляется.
Если строка без комментов - ошибка: Component is not available

Самое интересное, что ваш пример на этой странице работает нормально.

Щас с ума сойду ((

Leax · #8 (**permalink**) 06.07.2011, 13:39

btn.onclick = "alert('Test')";

а так ошибок не выдает, кнопка появляется, но onClick на ней в коде отсутствует

Leax · #9 (**permalink**) 06.07.2011, 13:47

Даже так ошибка появляется та же самая

btn.onclick = function() {};

Leax · #10 (**permalink**) 06.07.2011, 13:52

Вобщем не у одного меня такой глюк с Greasemonkey и button.onclick (
В инете нашел простое решение:

btn.setAttribute("onclick", "alert('Test!')");

Заработало!

Форум

Справочник

Discord чат

Курсы javascript