obtenir l'identifiant d'un élément

186

Existe-t-il un autre moyen d'obtenir l'ID d'un élément DOM?

element.getAttribute('id')
Rana
la source

Réponses:

290

Oui, vous pouvez simplement utiliser la .idpropriété de l' élément dom , par exemple:

myDOMElement.id

Ou quelque chose comme ça:

var inputs = document.getElementsByTagName("input");
for (var i = 0; i < inputs.length; i++) {
  alert(inputs[i].id);
}
Nick Craver
la source
3
@Rana - Oui, c'est une propriété d'élément DOM, et tous les éléments spécifiques héritent de l'élément dom de base, ils ont donc la propriété :)
Nick Craver
18
Soyez fatigué de cela car myDOMElement.idpeut également renvoyer un élément enfant avec l'id ou le nom de 'id'. Comme on le voit ici dans ce jsfiddle
bhattamer
20

Oui, vous pouvez simplement dire:


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

Vérifiez ceci: Attribut ID | propriété id

Morteza Manavi
la source
15

Cela fonctionnerait aussi:

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

(Si l'élément où le premier paragraphe de votre document)

donohoe
la source
getElementsByClassNamen'est pas pris en charge dans IE (avant IE9).
user113716
C'était une erreur. Signifiait 'getElementByTagName' pour traiter un tag
donohoe
4

Super Easy Way est

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

Dites-moi si cela aide

Tj Laubscher
la source
1

Dans le gestionnaire d'événements, vous pouvez obtenir l'identifiant comme suit

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

Kamil Kiełczewski
la source
0

Vous devez vérifier si est une chaîne pour éviter d'obtenir un élément enfant

var getIdFromDomObj = function(domObj){
   var id = domObj.id;
   return typeof id  === 'string' ? id : false;
};
Xavier Felipe Medina
la source
-2

Cela obtient et alerte l'id de l'élément avec l'id "ele".

var id = document.getElementById("ele").id;
alert("ID: " + id);
Jesper Engberg
la source
10
si vous connaissez id, quel est le besoin de ces lignes?
shafeeq
À des fins d'illustration. Le code ne doit pas toujours être réel.
Graham
-4

Oui. Vous pouvez obtenir un élément par son ID en appelant document.getElementById. Il renverra un nœud d'élément s'il est trouvé, et nullsinon:

var x = document.getElementById("elementid");   // Get the element with id="elementid"
x.style.color = "green";                        // Change the color of the element
unixmiah
la source