Проблема с атрибутом innerXhtml и onclick - PullRequest
Новая
       1

Проблема с атрибутом innerXhtml и onclick

0 голосов
/ 14 января 2011

На странице XHTML у меня есть этот div: 

<div id="listAzioni">
    <h4 style="margin-bottom:3px;">List shape :</h4>
</div>

Впоследствии включенный в div элемент ввода через javascript с использованием библиотеки innerXhtml. 

var paper = document.getElementById("listAzioni");  
var toWrite = "<h4 style=\"margin-bottom:3px\">List shape :</h4>";  
toWrite += "<input type=\"button\" class=\"listButton\" value=\""+id+"\" onclick=\"showAction('"+id+"');\"/>"+'<br/>'; 
innerXHTML(paper,toWrite);

Но после добавления вводаэлемент не имеет атрибута onclick.Я так старался, но я не нашел ничего, что решило бы мою проблему.Где я делаю не так?

1 Ответ

0 голосов
/ 14 января 2011

Какие браузеры вы пробовали?

Я предлагаю вам использовать стандартные API DOM, я пишу ваш код следующим образом: 

<html>
  <head>
    <style type="text/css">
    .button {
      border: 1px solid black;
      padding: 3px;
    }
    </style>
    <script type='text/javascript'>
      function addButton() {
        var container = document.getElementById('container');
        if (container != null && container != undefined) {
          var child = document.createElement("div");
          var button = document.createElement("input");

          button.value = "Click to alert";
          button.type = "button";
          child.style.padding = "10px";
          child.style.border = "2px solid red";    
          button.className = "button";

          button.onclick = showAlert;
          child.appendChild(button);
          container.appendChild(child);
        }
      }

      function showAlert() {
        alert("you clicked the button!");
      }
    </script>
  </head>
  <body>
    <div id="container"></div>

    <input value="add div and button" type='button' onclick='addButton();'/>
  </body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...