bir öğenin kimliğini al


186

DOM öğesinin kimliğini almanın başka bir yolu var mı?

element.getAttribute('id')

Yanıtlar:


290

Evet sadece kullanabilirsiniz .idözelliğini ait dom elemanı örneğin,:

myDOMElement.id

Veya böyle bir şey:

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

3
@Rana - Evet, bu bir DOM öğesi özelliği ve tüm belirli öğeler temel dom öğesinden miras alıyor, bu yüzden özelliği var :)
Nick Craver

18
Bu durumdan bıkın, çünkü myDOMElement.id'id' kimliğine veya adına sahip bir alt öğe de döndürebilir. Burada görüldüğü gibi bu jsfiddle
bhattamer


15

Bu da işe yarar:

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

(Belgenizdeki 1. paragrafın bulunduğu öğe)


getElementsByClassNameIE'de desteklenmez (IE9'dan önce).
user113716

Bu bir hataydı. Bir etiketle uğraşmak için 'getElementByTagName'
demek

4

Süper Kolay Yolu

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

Bana bunun yardımcı olup olmadığını söyle


1

Olay işleyicisinde aşağıdaki gibi kimlik alabilirsiniz

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


0

Alt öğe almamak için bir dize olup olmadığını kontrol etmeniz gerekir

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

-2

Bu, "ele" kimliğine sahip öğenin kimliğini alır ve uyarır.

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

10
kimliği biliyorsanız, bu hatların ihtiyacı nedir?
shafeeq

Açıklayıcı amaçlar için. Kod her zaman gerçek olmak zorunda değildir.
Graham

-4

Evet. Bir öğeyi arayarak kimliğine göre alabilirsiniz document.getElementById. Bulunduğunda bir eleman düğümü döndürür ve nullaksi takdirde:

var x = document.getElementById("elementid");   // Get the element with id="elementid"
x.style.color = "green";                        // Change the color of the element
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.