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.