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>