obtener la identificación de un elemento

186

¿Hay otra forma de obtener la identificación de un elemento DOM?

element.getAttribute('id')
Rana
fuente

Respuestas:

290

Sí, puede usar la .idpropiedad del elemento dom , por ejemplo:

myDOMElement.id

O algo como esto:

var inputs = document.getElementsByTagName("input");
for (var i = 0; i < inputs.length; i++) {
  alert(inputs[i].id);
}
Nick Craver
fuente
3
@Rana - Sí, es una propiedad del elemento DOM, y todos los elementos específicos heredan del elemento dom básico, por lo que tienen la propiedad :)
Nick Craver
18
Tenga cuidado con esto porque myDOMElement.idtambién puede devolver un elemento hijo con la identificación o el nombre de 'identificación'. Como se ve aquí en este jsfiddle
bhattamer el
20

Sí, simplemente puedes decir:


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

Mira esto: Atributo ID | Propiedad id

Morteza Manavi
fuente
15

Esto también funcionaría:

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

(Si el elemento es el primer párrafo de su documento)

donohoe
fuente
getElementsByClassNameno es compatible con IE (antes de IE9).
user113716
Fue un error.
Me refiero a
4

Super Easy Way es

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

Dime si esto ayuda

Tj Laubscher
fuente
1

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>

Kamil Kiełczewski
fuente
0

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

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

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

var id = document.getElementById("ele").id;
alert("ID: " + id);
Jesper Engberg
fuente
10
si sabes id, ¿cuál es la necesidad de estas líneas?
shafeeq
Con fines ilustrativos. El código no siempre tiene que ser real.
Graham
-4

Si. Puede obtener un elemento por su ID llamando document.getElementById. Devolverá un nodo de elemento si se encuentra, y de lo nullcontrario:

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