Was ist der eindeutige Bezeichner für ein DOM-element/Knoten

Ich bin durchqueren ein HTML-Dokument mit javascript-DOM. Ich möchte eine Liste (ein array eigentlich) von allen Knoten/Elemente und Ihre Werte. Gefunden habe ich ein Skript für die Traversierung des DOM, aber wie Speichere ich die einzelnen Knoten mit dem Wert in einem array. Ich kann nicht scheinen zu finden, die eindeutige id für einen Knoten. Jemand irgendwelche Hinweise? Ich dachte, der xpath oder so etwas.

Ist es eine gute Idee zu prüfen xpath für Knoten als den eindeutigen Bezeichner. Wenn ja, wie bekomme ich xpath eines Elements beim Durchlaufen der DOM?

  • Haben Sie sich überlegt, dass eine Liste aller Elemente und Werte ist der DOM?
  • Nachdem Sie die Elemente in ein array, was sind Ihre Pläne? Wenn es zum Durchlaufen des Arrays, es wäre einfacher, einfach Durchlaufen des DOM.
InformationsquelleAutor Annibigi | 2009-05-19
  1. 22

    Als Programmierer geboren und aufgewachsen in der Welt von C und C++, meine erste Antwort zu dieser Art Frage gewesen wäre "speichern Sie Ihre Adressen in das array!". Aber nach ein paar Jahren Herumspielen mit der web-Art der Dinge, ich kann die richtige Antwort:

    In javascript, können Sie direkt speichern Sie die Referenzen, um die Objekte in das array.
    Und Nein, xpath ist nicht eine gute Idee für diese; die Verwendung von Referenzen ist einfacher und besser.
    Also eine direkte Antwort auf deine Frage ist: es gibt keine eindeutige Bezeichner für ein DOM-element/Knoten mit Ausnahme von selbst.

    In javascript werden Objekte übergeben nach Verweis. Also hier ist ein Beispiel-code, wie es zu tun:

    var theArray = [];
var theNodeToTraverse = document.getElementById('domelementtosearch');

traverseAndStore(theNodeToTraverse);

function traverseAndStore( node )
{
    if( node==null) return;
    theArray[ theArray.length ] = node;
    for( i=0; i<node.childNodes.length; i++ )
        traverseAndStore( node.childNodes[i] );
}
    • was bedeutet dieser code?
    • dieser code einfach durchquert werden alle Kinder theNodeToTraverse, und speichert Referenzen zu den Kind-DOM-Elemente in theArray.
    • Können solche Hinweise genutzt werden, wie eindeutige ids? Zum Beispiel könnte ich Speichere es irgendwo und wieder verwenden es in einem anderen javascript-Skript, um den Zugriff auf die gleichen Knoten? Wenn nicht (wie ich vermute), dann, wie würden Sie "erinnern" einen Knoten zwischen scripts?
    • "erinnern Knoten zwischen scripts" - wenn Sie nur verschiedene Skripte (gelesen verschiedene js-Dateien) geladen, auf der gleichen Seite, und Sie möchten, übergeben Sie die Referenz um (mit einer Methode aufrufen, oder ein shared space), Sie können absolut tun. Was Sie nicht tun können, ist pass speichern Sie den Verweis irgendwie in eine Datenbank, und dann geben Sie es später zurück zu dieser Seite zu erwarten, es nutzbar sein.
    • das ist genau das, was ich möchte zu tun, irgendwelche Ideen?
    • Ich habe jetzt 🙂 Leider, ich Tue es nicht für ein Leben.
    • Es ist wirklich enttäuschend JS nur ermöglicht den Vergleich von Referenzen (die im Grunde nur Adressen), aber nicht immer Ihre tatsächlichen Werte. In Fall müssen Sie eine Karte von element:value, ist Ihre einzige option ist, um die Paare von element,value in ein array, und führen Sie die lineare Suche jedes mal, wenn Sie etwas abrufen müssen. Einem einfachen JS-Objekt mit Adressen als Schlüssel würde erreicht haben O(1) - Abruf.
    • ES2015 berechnet keys / Objekt-Initialisierung... Diejenigen, die genau das tun, was Sie reden: { [element]: value } ecma-international.org/ecma-262/6.0/#sec-object-initializer

    InformationsquelleAutor jrharshath
  2. 0

    Können Sie etwas ähnlich zu xpath mit so etwas wie dieses. Es durchläuft den dom nach oben aus dem input-element durch die parentNode-Eigenschaft.

    https://gist.github.com/sebjwallace/3c0a6f7493ce23134516

    Wird es ausgegeben wird ein string wie dieser.

    "#document/HTML/BODY/DIV"

    var getElementPath = function(el){
  var path = el.nodeName;
  var parent = el.parentNode;
  while(parent){
    path = parent.nodeName + '/' + path;
    parent = parent.parentNode;
  }
  return path;
}
    • Für die Zwecke einer eindeutigen id, dies würde fehlschlagen, wenn es zwei DIV ' s, die Kinder des BODY-Elements, als würden beide die gleiche Ausgabe-string. Dies würde zum erlöschen der Einzigartigkeit dieses als eine id.
    InformationsquelleAutor sebjwallace
Schreibe einen Kommentar