Уникальный идентификатор для элементов HTML

Question

Помимо идентификатора, если вы говорите, вам нужен уникальный идентификатор для элемента HTML (скажем, div).

Я просмотрел DOM для чего-то (например, числа или строки), уникального для каждого элемента; но DOM большой, и я не смог найти это в Интернете.

Есть ли какое-либо свойство (в DOM очевидно), которое уникально только для этого элемента? (За исключением идентификатора, а также вы не укажете его, но наступает при создании DOM)

Answer 1

Как говорит Пекка, было бы проще, если бы вы описали то, что хотите. До тех пор вот два предложения.

Если вам действительно не нужно выражать идентификатор как какую-то строку, вы можете сохранить нормальную ссылку DOM.

Если вам по какой-то причине нужно выразить это как строку, вам необходимо назначить уникальный идентификатор самостоятельно.

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

Атрибут name может быть адресован document.getElementByName.

Я не думаю, что существуют другие уникальные идентификаторы, даже если вы можете имитировать их, установив свойство (например, title) на уникальное значение, а затем запросите об этом. Но это глупо.

Для чего это вам нужно? Если вы дадите больше информации о своей ситуации, кто-то, вероятно, придумает предложение.

Answer 3

Единственный другой идентификатор, о котором я могу думать, это XPath элемента в документе.

Например, ссылка название в заголовке этой же странице есть XPath из

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

Но как Пекка уже сказал, это зависит от того, что вы хотите сделать. И я не думаю, что вы можете легко получить Xpath из DOM в JavaScript, несмотря на то, что Xpath теперь доступен в JS-машинах.

Answer 4

Для создания уникального идентификатора вы можете использовать библиотеку или сворачивать самостоятельно. JQuery имеет .data():

хранение произвольные данные, связанный с соответствующими элементами или возвращать значение в указанном хранилище данных для первого элемента в наборе соответствующих элементов.

Answer 5

Internet explorer обладает свойством "uniqueID" для каждого элемента. Проблема в том, что другие браузеры не поддерживают его.

Answer 6

Я только что столкнулся с той же ситуацией, и пока я просматривал некоторые элементы DOM в инспекторе инструментов Chrome dev, я заметил, что все они, похоже, обладают свойством jQuery11230892710877873282, которым присвоен уникальный номер. Очевидно, что число после «jQuery» отличается каждый раз при загрузке страницы, я предполагаю, что jQuery генерирует это внутренне каждый раз, когда пытается получить доступ или манипулировать любым элементом DOM. Я немного поиграл с ним, и похоже, что элементы, которые никогда не доступны/манипулируются jQuery, могут не иметь этого свойства, но в тот момент, когда вы делаете что-то вроде $(elem), свойство будет там.Итак, поскольку мы используем jQuery и lodash, я разработал следующую функцию для возврата уникального идентификатора, независимо от того, имеет ли элемент фактический атрибут DOM.

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