Identificatore univoco per elementi HTML

Question

Oltre all'ID, se si dice, si desidera un identificativo univoco per un elemento HTML (diciamo un div).

Ho sfogliato il DOM per qualcosa (come un numero o una stringa) che è univoco per ogni elemento; ma il DOM è grande e non sono riuscito a trovarlo su Internet.

C'è qualche proprietà (nel DOM ovviamente) che è unica solo per quell'elemento? (Altro che l'ID e anche non si specifica, ma arriva quando il DOM è costruito)

Answer 1

Come dice Pekka, sarebbe più facile se tu descrivessi cosa vuoi fare. Fino ad allora ecco due suggerimenti.

A meno che non sia effettivamente necessario esprimere l'ID come una sorta di stringa, è possibile salvare il normale riferimento DOM.

Se è necessario esprimerlo come stringa per qualche motivo, è necessario assegnare un ID univoco.

var getId = (function() { 
    var incrementingId = 0; 
    return function(element) { 
    if (!element.id) { 
     element.id = "id_" + incrementingId++; 
     // Possibly add a check if this ID really is unique 
    } 
    return element.id; 
    }; 
}()); 

Answer 2

C'è l'attributo name che possono essere indirizzi da document.getElementByName.

Non penso che esistano altri identificatori univoci, anche se è possibile simularne uno impostando una proprietà (ad esempio title) su un valore univoco e quindi eseguire una query per quello. Ma questo è crudele.

A cosa serve esattamente? Se fornisci maggiori informazioni sulla tua situazione, qualcuno probabilmente presenterà un suggerimento.

Answer 3

L'unico altro identificatore a cui riesco a pensare è l'XPath dell'elemento nel documento.

Per esempio, il link del titolo all'interno del titolo di questa pagina molto ha un XPath di

/html/body/div[3]/div[2]/div/h1/a 

Ma come Pekka già detto, dipende da cosa si vuole fare. E non penso che tu possa ottenere facilmente Xpath dal DOM in JavaScript, nonostante Xpath sia disponibile oggigiorno nei motori JS.

Answer 4

È possibile utilizzare una libreria o eseguire il rollover per creare un identificativo univoco. JQuery ha .data():

negozio di dati arbitrari associati con gli elementi corrispondenti o tornare il valore al deposito dati denominato per il primo elemento nella serie di elementi corrispondenti.

Answer 5

Internet Explorer ha una proprietà "uniqueID" per ogni elemento. Il problema è che gli altri browser non lo supportano.

Answer 6

Ho appena incontrato la stessa situazione e mentre cercavo alcuni elementi DOM nell'utilità di strumenti di sviluppo di Chrome, ho notato che sembra che tutti abbiano una proprietà come jQuery11230892710877873282 assegnata con un numero univoco. Ovviamente il numero dopo 'jQuery' è diverso ogni volta che si carica la pagina, suppongo che jQuery lo stia generando internamente ogni volta che tenta di accedere o manipolare qualsiasi elemento DOM. Ho giocato un po 'con esso, e sembra che gli elementi che non sono mai accessibili/manipolati da jQuery potrebbero non avere questa proprietà, ma nel momento in cui fai qualcosa come $(elem) la proprietà sarà lì.Quindi, dal momento che stiamo usando sia jQuery che lodash, ho ideato la seguente funzione per restituire un ID univoco indipendentemente dal fatto che l'elemento abbia effettivamente un attributo ID id.

_.reduce($(elem), function(result, value, key) { if(_.startsWith(key, 'jQuery')) return value; }, 0)