отримати ідентифікатор елемента


186

Чи є інший спосіб отримати ідентифікатор елемента DOM?

element.getAttribute('id')

Відповіді:


290

Так , ви можете просто використовувати .idвластивість цього йот елемента , наприклад:

myDOMElement.id

Або щось подібне:

var inputs = document.getElementsByTagName("input");
for (var i = 0; i < inputs.length; i++) {
  alert(inputs[i].id);
}

3
@Rana - Так, це властивість елемента DOM, і всі конкретні елементи успадковуються від основного елемента dom, тому вони мають властивість :)
Нік Крейвер

18
Не зважайте на це, тому що myDOMElement.idтакож можна повернути дочірній елемент з ідентифікатором або назвою 'id'. Як бачимо тут, у цій jsfiddle
bhattamer


15

Це також буде працювати:

document.getElementsByTagName('p')[0].id

(Якщо елемент, де 1-й абзац у вашому документі)


getElementsByClassNameне підтримується в IE (до IE9).
користувач113716

Це була помилка. Значить "getElementByTagName" для спілкування з тегом
donohoe

4

Супер легкий шлях є

  $('.CheckBxMSG').each(function () {
            var ChkBxMsgId;
            ChkBxMsgId = $(this).attr('id');
            alert(ChkBxMsgId);
        });

Скажіть, чи допоможе це



0

Вам потрібно перевірити, чи є рядок, щоб уникнути отримання дочірнього елемента

var getIdFromDomObj = function(domObj){
   var id = domObj.id;
   return typeof id  === 'string' ? id : false;
};

-2

Це отримує і попереджає ідентифікатор елемента з ідентифікатором "ele".

var id = document.getElementById("ele").id;
alert("ID: " + id);

10
якщо ви знаєте ідентифікатор, у чому потреба цих рядків?
shafeeq

Для ілюстративних цілей. Код не завжди повинен бути реальним.
Грем

-4

Так. Ви можете отримати елемент за його ідентифікатором, зателефонувавши document.getElementById. Він поверне елементний вузол, якщо його знайдено, nullінакше:

var x = document.getElementById("elementid");   // Get the element with id="elementid"
x.style.color = "green";                        // Change the color of the element
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.