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')

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);
}

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


15

Cela fonctionnerait aussi:

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

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


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


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>


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;
};

-2

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

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

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
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.