uzyskać identyfikator elementu


186

Czy istnieje inny sposób uzyskania identyfikatora elementu DOM?

element.getAttribute('id')

Odpowiedzi:


290

Tak można po prostu skorzystać z .idwłaściwości tego elementu DOM , na przykład:

myDOMElement.id

Lub coś w tym stylu:

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

3
@Rana - Tak, jest to właściwość elementu DOM, a wszystkie określone elementy dziedziczą od podstawowego elementu dom, więc mają właściwość :)
Nick Craver

18
Bądź tego zmęczony, ponieważ myDOMElement.idmoże również zwrócić element potomny o identyfikatorze lub nazwie „id”. Jak widać tutaj w tym jsfiddle
bhattamer


15

To też działałoby:

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

(Jeśli element, w którym znajduje się pierwszy akapit w dokumencie)


getElementsByClassNamenie jest obsługiwany w IE (wcześniej niż IE9).
user113716

To był błąd. Oznaczono „getElementByTagName” za zajęcie się tagiem
donohoe

4

Super łatwy sposób to

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

Powiedz mi, czy to pomoże


1

W module obsługi zdarzeń możesz uzyskać identyfikator w następujący sposób

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


0

Musisz sprawdzić, czy jest ciągiem, aby uniknąć uzyskania elementu potomnego

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

-2

Spowoduje to pobranie i ostrzeżenie identyfikatora elementu o identyfikatorze „ele”.

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

10
jeśli znasz identyfikator, jaka jest potrzeba tych linii?
shafeeq

W celach ilustracyjnych. Kod nie zawsze musi być prawdziwy.
Graham

-4

Tak. Możesz uzyskać element według jego identyfikatora, dzwoniąc document.getElementById. Zwróci węzeł elementu, jeśli zostanie znaleziony, w nullprzeciwnym razie:

var x = document.getElementById("elementid");   // Get the element with id="elementid"
x.style.color = "green";                        // Change the color of the element
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.