dapatkan id elemen


186

Apakah ada cara lain untuk mendapatkan ID elemen DOM?

element.getAttribute('id')

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);
}

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


15

Ini juga akan bekerja:

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

(Jika elemen tempat paragraf 1 dalam dokumen Anda)


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


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>


0

Anda perlu memeriksa apakah string untuk menghindari elemen anak

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

-2

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

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

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
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.