Ошибка формирования onclick в IE
Добрый день!
Формирую ява скриптом кнопки с событием onclick. Так вот, если кнопка была явно прописана на странице, то в IE(версии 9 и 10) onclick отрабатывает, если кнопка сформирована JS, то нет... Пример кода: <html> <head> <title></title> </head> <script language="JavaScript"> function test1() { var bl = document.getElementById('test'); var bt1 = document.createElement("button"); bl.appendChild(bt1); bt1.setAttribute("type", "button"); bt1.setAttribute("onclick", "test2();"); var tn1 = document.createTextNode("Button 2"); bt1.appendChild(tn1); } function test2() { var bl = document.getElementById('test1'); var bt1 = document.createElement("button"); bl.appendChild(bt1); bt1.setAttribute("type", "button"); bt1.setAttribute("onclick", "test3();"); var tn1 = document.createTextNode("Button 3"); bt1.appendChild(tn1); } function test3() { var s = 0; } </script> <body> <table> <tr> <td> <button type="button" onclick="test1();">Button 1</button> </td> <td id="test"> </td> <td id="test1"> </td> </tr> </table> </body> </html> При нажатии на кнопку 1 формируется кнопка 2, так вот у кнопки 2 не отрабатывает onclick. В остальных браузерах (firefox, chrome, opera) все работает как задумано. |
Как вариант...
<!DOCTYPE html> <html> <head> <!-- <script src="http://code.jquery.com/jquery-latest.js"></script> <link rel="stylesheet" type="text/css" href="tmp.css" /> --> <style type="text/css"> </style> <script type="text/javascript"> function test1() { var bl = document.getElementById('test'); var bt1 = document.createElement("button"); bt1.setAttribute("type", "button"); bt1.onclick=test2; var tn1 = document.createTextNode("Button 2"); bt1.appendChild(tn1); bl.appendChild(bt1); } function test2() { var bl = document.getElementById('test1'); var bt1 = document.createElement("button"); bt1.setAttribute("type", "button"); bt1.onclick=test3; var tn1 = document.createTextNode("Button 3"); bt1.appendChild(tn1); bl.appendChild(bt1); } function test3() { alert('Ok'); } </script> </head> <body> <table> <tr> <td> <button type="button" onclick="test1();">Button 1</button> </td> <td id="test"></td> <td id="test1"></td> </tr> </table> </body> </html> |
Большое спасибо
|
Часовой пояс GMT +3, время: 16:43. |