Oder auch, unter Verwendung von node.replaceChild()
, mit z.B. einer Tabellenzelle als "Button".
Siehe auch: [ref:self811;javascript/objekte/node.htm#replace_child] [ref:self811;javascript/objekte/htmlelemente.htm] (für per JS änderbare Eigenschaften der HTML-Elemente)
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" >
<head>
<title>Texttausch</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<script type="text/javascript">
/* <![CDATA[ */
function button_text(text)
{
var new_text = document.createTextNode(text);
document.getElementById("mybutton").replaceChild(new_text, document.getElementById("mybutton").firstChild);
}
/* ]]> */
</script>
</head>
<body>
<table>
<tr>
<td id="mybutton">Anfangswert</td>
</tr>
</table>
<form action="." method="get">
<p>
<label for="mytext">neuer Text:</label><br />
<textarea id="mytext" rows="3" cols="20"></textarea><br />
<input type="button" value="kopieren" onclick="button_text(document.getElementById('mytext').value);">
</p>
</form>
</body>
</html>
Bis denn dann,
Thomas