dapatkan id elemen

186

Apakah ada cara lain untuk mendapatkan ID elemen DOM?

element.getAttribute('id')
Rana
sumber

Jawaban:

290

Ya Anda hanya dapat menggunakan .idproperti dari elemen dom , misalnya:

myDOMElement.id

Atau sesuatu seperti ini:

var inputs = document.getElementsByTagName("input");
for (var i = 0; i < inputs.length; i++) {
  alert(inputs[i].id);
}
Nick Craver
sumber
3
@Rana - Yup, ini adalah properti elemen DOM, dan semua elemen spesifik mewarisi dari elemen dom dasar, sehingga mereka memiliki properti :)
Nick Craver
18
Lelah ini karena myDOMElement.idjuga dapat mengembalikan elemen anak dengan id atau nama 'id'. Seperti yang terlihat di
bhattamer
20

Ya, Anda bisa mengatakan:


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

Lihat ini: Atribut ID | Properti id

Morteza Manavi
sumber
15

Ini juga akan bekerja:

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

(Jika elemen tempat paragraf 1 dalam dokumen Anda)

donohoe
sumber
getElementsByClassNametidak didukung di IE (sebelum IE9).
user113716
Itu adalah sebuah kesalahan. Dimaksudkan 'getElementByTagName' untuk berurusan dengan tag
donohoe
4

Super Easy Way adalah

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

Katakan jika ini membantu

Tj Laubscher
sumber
1

Di pengendali acara, Anda bisa mendapatkan id sebagai berikut

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

Kamil Kiełczewski
sumber
0

Anda perlu memeriksa apakah string untuk menghindari elemen anak

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

Ini mendapat dan mengingatkan id elemen dengan id "ele".

var id = document.getElementById("ele").id;
alert("ID: " + id);
Jesper Engberg
sumber
10
jika Anda tahu id, apa perlunya baris ini?
shafeeq
Untuk tujuan ilustrasi. Kode tidak selalu harus nyata.
Graham
-4

Iya. Anda bisa mendapatkan elemen dengan ID-nya dengan menelepon document.getElementById. Ini akan mengembalikan elemen node jika ditemukan, dan nullsebaliknya:

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