getElementById

[Pitter]

Hallo zusammen,

Ich habe folgendes Problem:
Ich möchte ein Div als eine Art Template nutzen. Ich hab also ein Div im Quelltext definiert:

<div id='meinTemplate'>
  //Inhalt des Templates
</div>

Jetzt möchte ich dieses Div an verschiedenen Stellen auf meiner Site einfügen. In etwa so:

// ein weiteres div, in das ich mein Template einfügen möchte
var div = document.createElement('div');
// Template einfügen
div.appendChild(document.getElementById('meinTemplate'));

Ich hänge also mein Template in ein beliebiges Div im DOM ein.

Mein Problem ist jetzt: document.getElementById übergibt eine Referenz auf mein Template. Wenn ich jetzt also mein Template an zwei verschiedenen Stellen einsetzen möchte, wird es immer 'umgehängt', anstatt das es dupliziert wird.

Gibt es ne Möglichkeit, das div zu kopieren? Also so etwas wie eine call-by-value Methode, die mir den Inhalt des divs liefert anstelle einer Referenz???

gruß,
Pitter

[Mathias Brodala]

Hallo Pitter.

Gibt es ne Möglichkeit, das div zu kopieren?

Ja: http://de.selfhtml.org/javascript/objekte/node.htm#clone_node@title=cloneNode.

Einen schönen Freitag noch.

Gruß, Mathias

[Cheatah]

Hi,

Gibt es ne Möglichkeit, das div zu kopieren?
Ja: http://de.selfhtml.org/javascript/objekte/node.htm#clone_node@title=cloneNode.

und vergiss dabei nicht, dass eine ID dokumentweit eindeutig sein muss.

Cheatah