Wie kann ich den ID-Wert eines Elements mit JavaScript abrufen?

Lesezeit: 1 Minute

Ranas Benutzer-Avatar
Rana

Gibt es eine andere Möglichkeit, die ID eines DOM-Elements zu erhalten?

element.getAttribute('id')

Benutzeravatar von Nick Craver
Nick Craver

Ja, du kannst einfach die verwenden .id Eigentum des Dom-Elementzum Beispiel:

myDOMElement.id

Oder so ähnlich:

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

  • @Rana – Ja, es ist eine DOM-Elementeigenschaft, und alle spezifischen Elemente erben vom grundlegenden Dom-Element, also haben sie die Eigenschaft 🙂

    – Nick Craver

    2. September 2010 um 0:59 Uhr

  • Seien Sie müde davon, weil myDOMElement.id kann auch ein untergeordnetes Element mit der ID oder dem Namen „id“ zurückgeben. Wie hier zu sehen in dieser jsfiddle

    – Bhattamer

    2. Oktober 2013 um 12:45 Uhr


Ja, man kann einfach sagen:


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

Sieh dir das an:
ID-Attribut | ID-Eigenschaft

Benutzeravatar von donohoe
donohoe

Das würde auch funktionieren:

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

(Wenn Element der 1. Absatz in Ihrem Dokument ist)

  • getElementsByClassName wird im IE (vor IE9) nicht unterstützt.

    – Benutzer113716

    2. September 2010 um 1:06 Uhr

  • Es war ein Fehler. Gemeint ist ‘getElementByTagName’ für den Umgang mit einem Tag

    – donohoe

    2. September 2010 um 1:37 Uhr


Super Easy Way ist

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

Sag mir, ob das hilft

Im Ereignishandler können Sie die ID wie folgt erhalten

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

Benutzeravatar von dimlucas
dimlukas

Dadurch wird die ID des Elements mit der ID “ele” abgerufen und benachrichtigt.

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

Benutzeravatar von Chase
Verfolgungsjagd

Sie müssen überprüfen, ob es sich um eine Zeichenfolge handelt, um zu vermeiden, dass ein untergeordnetes Element erhalten wird

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

1433780cookie-checkWie kann ich den ID-Wert eines Elements mit JavaScript abrufen?

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy