Holen Sie sich die ID eines Elements


184

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

element.getAttribute('id')

Antworten:


287

Ja, Sie können einfach die .idEigenschaft des dom-Elements verwenden , zum Beispiel:

myDOMElement.id

Oder sowas:

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

3
@Rana - Ja, es ist eine DOM-Elementeigenschaft, und alle spezifischen Elemente erben vom grundlegenden dom-Element, also haben sie die Eigenschaft :)
Nick Craver

18
Seien Sie dies leid, da Sie myDOMElement.idauch ein untergeordnetes Element mit der ID oder dem Namen 'id' zurückgeben können. Wie hier in diesem jsfiddle
bhattamer


15

Das würde auch funktionieren:

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

(Wenn Element, wo der 1. Absatz in Ihrem Dokument)


getElementsByClassNamewird im IE (vor IE9) nicht unterstützt.
user113716

Es war ein Fehler. Gemeint 'getElementByTagName' für den Umgang mit einem Tag
donohoe

4

Super einfacher Weg ist

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

Sag mir, ob das hilft


1

Im Ereignishandler können Sie die ID wie folgt abrufen

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


0

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

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

-2

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

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

9
Wenn Sie ID kennen, was ist die Notwendigkeit dieser Zeilen?
Shafeeq

Zur Veranschaulichung. Code muss nicht immer real sein.
Graham

-4

Ja. Sie können ein Element anhand seiner ID abrufen, indem Sie es aufrufen document.getElementById. Es wird ein Elementknoten zurückgegeben, wenn es gefunden wird, und nullansonsten:

var x = document.getElementById("elementid");   // Get the element with id="elementid"
x.style.color = "green";                        // Change the color of the element
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.