yoni
yoni

Reputation: 47

setting parent node in javascript

when Im cloning an object in javascript by doing object.cloneNode(true) the parentNode is null in the new copy. Im trying to set it but with no success. my code look like this:

old_DataRoot = DataRoot.cloneNode(true);
old_DataRoot.parentNode=DataRoot.parentNode.cloneNode(true);

also tried:

    old_DataRoot = DataRoot.cloneNode(true);
    old_DataRoot.parentNode.appendChild(DataRoot.parentNode.cloneNode(true));

both options give me "old_DataRoot.parentNode is null or not an object" what am I doing wrong?

thanks alot, Yoni.

Upvotes: 0

Views: 8283

Answers (3)

Paul S.
Paul S.

Reputation: 66394

If you're trying

to make a backup of the original DataRoot in order to recover it later.

then consider

// Backup
var DataRootBackup = {
    nodes: DataRoot.cloneNode(true),
    parent: DataRoot.parentNode
};

// Restore
DataRootBackup.parent.appendChild( DataRootBackup.nodes );

Upvotes: 1

Shmiddty
Shmiddty

Reputation: 13967

Is this what you're trying to do?

old_DataRoot = DataRoot.cloneNode(true);
DataRoot.parentNode.appendChild(old_DataRoot);

Upvotes: 1

Bergi
Bergi

Reputation: 665448

Yes, that's true, parentNode is a read-only property.

In your second case you need know that only one of the nodes is attached to the DOM. It's dataRoot which still has the parentnode, the result of the clone (which you called old_DataRoot) is unattached:

dataRoot.parentNode.appendChild(newDataRoot = dataRoot.cloneNode(true));

Upvotes: 1

Related Questions