получить идентификатор элемента

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).
user113716
Это была ошибка. Значит 'getElementByTagName' для работы с тегом
donohoe
4

Супер легкий путь

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

Подскажите если это поможет

Ти Лаубшер
источник
1

В обработчике событий вы можете получить идентификатор следующим образом

function show(btn) {
  console.log('Button id:',btn.id);
}
<button id="myButtonId" onclick="show(this)">Click me</button>

Камил Келчевски
источник
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
если вы знаете id, зачем нужны эти строки?
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
unixmiah
источник