Range: cloneContents()-Methode

Die Range.cloneContents()-Methode gibt ein DocumentFragment zurück, das die Objekte vom Typ Node kopiert, die im Range enthalten sind.

Event-Listener, die mit addEventListener() hinzugefügt wurden, werden beim Klonen nicht kopiert. HTML-Attribut-Ereignisse werden so dupliziert, wie es auch bei der Node.cloneNode()-Methode der Fall ist. HTML-id-Attribute werden ebenfalls geklont, was durch das Klonen zu einem ungültigen Dokument führen kann.

Teilweise ausgewählte Knoten enthalten die übergeordneten Tags, die notwendig sind, um das Dokumentfragment gültig zu machen.

cloneContents()

range = document.createRange();
range.selectNode(document.getElementsByTagName("div").item(0));
documentFragment = range.cloneContents();
document.body.appendChild(documentFragment);