¿Cómo puedo obtener el valor de ID de un elemento con JavaScript?

2 minutos de lectura

Avatar de usuario de Rana
rana

¿Hay otra forma de obtener la ID de un elemento DOM?

element.getAttribute('id')

Avatar de usuario de Nick Craver
nick craver

Sí, solo puedes usar el .id propiedad del elemento dompor ejemplo:

myDOMElement.id

O algo como esto:

var inputs = document.getElementsByTagName("input");
for (var i = 0; i < inputs.length; i++) {
  alert(inputs[i].id);
}

  • @Rana: sí, es una propiedad de elemento DOM, y todos los elementos específicos heredan del elemento dom básico, por lo que tienen la propiedad 🙂

    –Nick Craver

    2 de septiembre de 2010 a las 0:59

  • Cansate de esto porque myDOMElement.id también puede devolver un elemento secundario con el id o el nombre de ‘id’. como se ve aquí en este jsfiddle

    – bhattamer

    2 oct 2013 a las 12:45


Sí, simplemente puedes decir:


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

Mira esto:
Atributo de ID | Propiedad de identificación

avatar de usuario de donohoe
donohoe

Esto también funcionaría:

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

(Si el elemento se encuentra en el primer párrafo de su documento)

  • getElementsByClassName no es compatible con IE (antes de IE9).

    – usuario113716

    2 de septiembre de 2010 a las 1:06

  • Fue un error. Significó ‘getElementByTagName’ para tratar con una etiqueta

    – donohoe

    2 de septiembre de 2010 a las 1:37


Super Easy Way es

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

Dime si esto ayuda

En el controlador de eventos, puede obtener la identificación de la siguiente manera

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

avatar de usuario de dimlucas
Dilucas

Esto obtiene y alerta la identificación del elemento con la identificación “ele”.

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

Avatar de usuario de Chase
Perseguir

Debe verificar si es una cadena para evitar obtener un elemento secundario

var getIdFromDomObj = function(domObj){
   var id = domObj.id;
   return typeof id  === 'string' ? id : false;
};

¿Ha sido útil esta solución?