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.