Wie kriege ich html code aus textarea in vorhandenen div-tag?

[Dieter]

Hallo!

...
<div id="outerdiv">
<!-- newstuffhere -->
<p>some tags and text are already here</p>
<div>further tag and text already here</div>
</div>
...

<textarea id="userhtml" ...

1. Wenn ich jetzt in der textarea html-code eingebe, z.B. zwei <div> mit id="adddiv1" und "adddiv2", wie kriege ich den code dann an den Platz, an dem oben jetzt <!-- newstuffhere --> steht, also direkt nach dem ">" des "outerdiv"-<div>?

2. Und bitte, wie kann ich danach z.B. das div mit id="adddiv1" wieder entfernen?

3. Ganz wichtig für mich, sonst ist das andere nicht so recht brauchbar für mich: Wie kriege ich den schließlich vom "outerdiv"-div umschlossenen html-code?
In dem Beispiel sowas wie:

<!-- newstuffhere -->
<div id="adddiv1">text vom adddiv1</div>
<div id="adddiv2">text vom adddiv2</div>
<p>some tags and text are already here</p>
<div>further tag and text already here</div>

Ich weiss, das sind gleich drei Fragen, aber vielleicht beschäftigt sich ja gerade jemand genau damit. :)

Grüße
Dieter

[Dieter Raber]

Hallo Namensvetter,

Ich weiss, das sind gleich drei Fragen, aber vielleicht beschäftigt sich ja gerade jemand genau damit. :)

Die passenden Antworten findest Du hier http://de.selfhtml.org/javascript/objekte/node.htm.

Gruß,

Dieter

[Dieter]

Hallo!

Die passenden Antworten findest Du hier http://de.selfhtml.org/javascript/objekte/node.htm.

Die Seiten habe ich eigentlic schon durch, aber geht's nicht auch einfacher?

z.B. mit document.write, und vielleicht entsprechend etwas wie document.read und document.delete?

Das wär zu schön.

Grüße
Dieter

[Dieter Raber]

Hallo Dieter,

Die Seiten habe ich eigentlic schon durch, aber geht's nicht auch einfacher?

nein, was ist den schwer an diesen Methoden?

z.B. mit document.write, und vielleicht entsprechend etwas wie document.read und document.delete?

document.write greift in dem Augenblick, wo die Seite erstellt wird, die angesprochenen DOM-Methoden hingegen dann, wenn die Seite bereits ausgeliefert wurde. Insofern haben beide Bereiche nichts miteinander zu tun.

Gruß,

Dieter

[Cybaer]

Hi,

<textarea id="userhtml" ...

1. Wenn ich jetzt in der textarea html-code eingebe, z.B. zwei <div> mit id="adddiv1" und "adddiv2", wie kriege ich den code dann an den Platz, an dem oben jetzt <!-- newstuffhere --> steht, also direkt nach dem ">" des "outerdiv"-<div>?

document.getElementById("outerdiv").innerHTML=docment.getElementById("userHTML").value;

2. Und bitte, wie kann ich danach z.B. das div mit id="adddiv1" wieder entfernen?

docment.getElementById("userHTML").value="";

3. Ganz wichtig für mich, sonst ist das andere nicht so recht brauchbar für mich: Wie kriege ich den schließlich vom "outerdiv"-div umschlossenen html-code?

code=document.getElementById("outerdiv").innerHTML;

Ich weiss, das sind gleich drei Fragen, aber vielleicht beschäftigt sich ja gerade jemand genau damit. :)

Basiswissen.

Gruß, Cybaer

[Dieter (Antwort hat geholfen)]

Hallo!

Ich habe das mit innerHTML dann auch noch gefunden. Und es funktioniert.

Aber trotzdem noch mal Dank an alle Antworter.

Irgendwie fand ich den Abschnitt zu innerHTML bei selfthtml etwas schwer auffindbar. :)

Grüße
Dieter

Hallo!

...
<div id="outerdiv">
<!-- newstuffhere -->
<p>some tags and text are already here</p>
<div>further tag and text already here</div>
</div>
...

<textarea id="userhtml" ...

1. Wenn ich jetzt in der textarea html-code eingebe, z.B. zwei <div> mit id="adddiv1" und "adddiv2", wie kriege ich den code dann an den Platz, an dem oben jetzt <!-- newstuffhere --> steht, also direkt nach dem ">" des "outerdiv"-<div>?

2. Und bitte, wie kann ich danach z.B. das div mit id="adddiv1" wieder entfernen?

3. Ganz wichtig für mich, sonst ist das andere nicht so recht brauchbar für mich: Wie kriege ich den schließlich vom "outerdiv"-div umschlossenen html-code?
   In dem Beispiel sowas wie:

<!-- newstuffhere -->
<div id="adddiv1">text vom adddiv1</div>
<div id="adddiv2">text vom adddiv2</div>
<p>some tags and text are already here</p>
<div>further tag and text already here</div>

Ich weiss, das sind gleich drei Fragen, aber vielleicht beschäftigt sich ja gerade jemand genau damit. :)

Grüße
Dieter

[Cybaer]

Hi,

Irgendwie fand ich den Abschnitt zu innerHTML bei selfthtml etwas schwer auffindbar. :)

Quickbar! IIRC wird aber leider als Beispiel die Verwendung mit document.all demonstriert. Daß man es (sinnvoller- und browserübergreifenderweise) besser mit dem offiziellen DOM (getElementById() & Co.) verwendet, erschließt sich wohl nur indirekt - dem Anfänger mithin kaum. Aber: self*HTML* ist bei JavaScript halt ziemlich "schwach auf der Brust". ;-)

Gruß, Cybaer