<script type="text/javascript">
document.designMode = "on";
</script>
<div id="textbereich">
test-text
</div>
// Für IE
frames.editor.document.designMode = "On";// Für Mozilla
document.getElementById("iframe").contentDocument.designMode="on";<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Textfeld</title>
<script type="text/javascript">
function textfeld(){
var textbereich = document.createElement("iframe");
textbereich.width="300px";
textbereich.height="100px";
textbereich.contentDocument.designMode="on";
var ausgabe = document.getElementById("ausgabe");
ausgabe.appendChild(textbereich);
}
</script>
</head>
<body onload="textfeld()">
<div id="ausgabe"></div>
</body
</html>Natürlich geht was, es werden Fehlermeldungen erzeugt. Du weißt wo du die JS Fehlermeldungen findest? Das wäre der erste Schritt um mit JS zu arbeiten. Der 2. - vor allem in Anbetracht der Aufgabe, die du dir vorgenomen hast - ist eine Debugger. Da kommt es drauf an, mit was du arbeitest. Aber mit "einfach mal in's blaue geraten" kommst du nicht weit.
function textfeld(){
var textbereich = document.createElement("iframe");
textbereich.width="300";
textbereich.height="100";
textbereich.id = "editor";
var ausgabe = document.getElementById("ausgabe");
ausgabe.appendChild(textbereich);
document.getElementById("editor").contentDocument.designMode="on";
}