Jonas Tampier: DOM & Button & onClick - geht net!

Beitrag lesen

Mit welchen Browsern kann ich so Elemente einfügen, bei welchen gehts nicht?

Diese Browser untersützen DOM setAttribute:
Mozilla 1.x, Microsoft Internet Explorer 6.x, Netscape 6.x, Opera 7.x, Konqueror 3.x

So gehts (zumindest bei den oben genannten Browsern):

<html>
 <head>
  <title>Hallo</title>
  <script type="text/javascript"><!--
    function tuwas() {
      alert("Hallo, hier bei der TuWas GmbH...");
    }

function Add() {
      var NewButton = document.createElement("input");
      NewButton.setAttribute("type", "button");
      NewButton.setAttribute("value", "Tu Was - dynamisch");
      NewButton.setAttribute("name", "a_simple_button");
//so geht es
      NewButton.onclick = function () {
       tuwas();
      };
      var bodyElem = document.getElementsByTagName("body")[0];
      bodyElem.appendChild(NewButton);
    }
  --></script>
 </head>
 <body>
  <input type="button" value="Tu Was" onclick="tuwas();">
  <input type="button" value="Add" onclick="Add();">
 </body>
</html>