Holen Sie sich die ID eines Elements

184

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

element.getAttribute('id')
Rana
quelle

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);
}
Nick Craver
quelle
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
20

Ja, man kann einfach sagen:


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

Überprüfen Sie dies: ID-Attribut | id Eigenschaft

Morteza Manavi
quelle
15

Das würde auch funktionieren:

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

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

Donohoe
quelle
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

Tj Laubscher
quelle
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>

Kamil Kiełczewski
quelle
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;
};
Xavier Felipe Medina
quelle
-2

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

var id = document.getElementById("ele").id;
alert("ID: " + id);
Jesper Engberg
quelle
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
Unixmiah
quelle