uzyskać identyfikator elementu

186

Czy istnieje inny sposób uzyskania identyfikatora elementu DOM?

element.getAttribute('id')
Rana
źródło

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);
}
Nick Craver
źródło
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
20

Tak, możesz po prostu powiedzieć:


function getID(oObject) 
{
    var id = oObject.id;
    alert("This object's ID attribute is set to \"" + id + "\"."); 
}

Sprawdź to: ID Atrybut | id Właściwość

Morteza Manavi
źródło
15

To też działałoby:

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

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

donohoe
źródło
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

Tj Laubscher
źródło
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>

Kamil Kiełczewski
źródło
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;
};
Xavier Felipe Medina
źródło
-2

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

var id = document.getElementById("ele").id;
alert("ID: " + id);
Jesper Engberg
źródło
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
unixmiah
źródło