Javascript: come stabilire se un oggetto nodo è stato inserito in un documento/in un altro elemento ancora

Question

Mi piacerebbe essere in grado di identificare se un dato nodo DOM è stato aggiunto/inserito in un altro nodo ancora, o se è appena uscito da document.createElement() o simile e non è stato inserito da nessuna parte.

Nella maggior parte dei browser è sufficiente controllare il genitoreNodo.

if (!node.parentNode) { 
    // this node is not part of a larger document 
} 

Tuttavia, in Internet Explorer sembra che nuovi elementi, anche subito dopo che sono stati creati con document.createElement() hanno già un oggetto parentNode (di tipo DispHTMLDocument ??).

Qualsiasi altro browser cross-friendly e affidabile?

Modifica: sembra che Internet Explorer stia implicitamente creando un DocumentFragment (con nodeType di 11) e impostandolo come proprietà parentNode del nodo.

Answer 1

Ho trovato una risposta alla mia domanda. Scusate! Sembra che lo stia facendo molto ultimamente.

frammenti del documento hanno un nodeType di 11 anni, e non sono mai inserite nel documento, in modo da poter controllare in questo modo:

if (!node.parentNode || node.parentNode.nodeType == 11) { 
    // this node is floating free 
} 

Hai solo bisogno di un frammento di documento quando si inserisce più di un nodo peer . Tuttavia, IE ne crea implicitamente uno per tutti i nodi appena creati. Ad ogni modo controllando il nodeType per 11 lavori.

Answer 2

Penso che anche senza le debolezze di IE, il controllo della presenza di parentNode potrebbe non essere sufficiente. Ad esempio:

Se qualcosa è presente nel documento, alla fine uno dei suoi antenati sarà il documento stesso. Prova questo fuori e vedere come va:

function inDocument(node) { 
    var curr = node; 
    while (curr != null) { 
     curr = curr.parentNode; 
     if (curr == document) return true; 
    } 
    return false; 
} 

// usage: 
// if (inDocument(myNode)) { .. } 

Se desideri solo controllare per una certa profondità - che è, si sa che gli elementi appena creati non stanno per essere nidificati più in là Frammento di IE, prova questo:

function inDocument(node, depth) { 
    depth = depth || 1000; 
    var curr = node; 
    while ((curr != document) && --depth) { 
     curr = curr.parentNode; 
     if (curr == null) return false; 
    } 
    return true; 
} 

inDocument(myNode, 2); // check only up to two deep. 
inDocument(myNode);  // check up to 1000 deep. 

Answer 3

Il livello 3 del DOM ha introdotto il metodo compareDocumentPosition per un Node che fornisce informazioni posizionali su come due nodi sono correlati tra loro. Uno dei valori di ritorno è DOCUMENT_POSITION_DISCONNECTED, il che significa che i nodi non sono collegati tra loro. Potrebbe utilizzare questo fatto per verificare se un nodo non è contenuto all'interno di un altro nodo utilizzando:

Boolean(parent.compareDocumentPosition(descendant) & 16) 

DOCUMENT_POSITION_DISCONNECTED = 0x01; 
DOCUMENT_POSITION_PRECEDING = 0x02; 
DOCUMENT_POSITION_FOLLOWING = 0x04; 
DOCUMENT_POSITION_CONTAINS  = 0x08; 
DOCUMENT_POSITION_CONTAINED_BY = 0x10; 
DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC = 0x20; 

Google ha scritto un'implementazione cross-browser (credo, non si parla di IE lì) di una funzione contains che può essere trovato allo http://code.google.com/p/doctype-mirror/wiki/ArticleNodeContains.Si potrebbe utilizzare tale per verificare se un determinato nodo è un discendente del documento

.contains(document, someNode) 

Answer 4

In quale versione di IE sono stati voi testando questo:

if (!node.parentNode) { 
    // this node is not part of a larger document 
} 

magari con vecchie versioni di IE si dovrebbe provare:

if (!node.parentElement) { 
    // this node is not part of a larger document 
} 

invece.

Anche se su nove si otterrà nulla >> < < con entrambi gli approcci a condizione che la parte superiore creato elemento contenitore non è ancora analizzato che a sua volta si traduce in >> falsa < < esattamente come si voleva.