lấy id của một phần tử

185

Có cách nào khác để lấy ID của phần tử DOM không?

element.getAttribute('id')

javascript html

— Rana
nguồn

288

Có, bạn chỉ có thể sử dụng thuộc .idtính của phần tử dom , ví dụ:

myDOMElement.id

Hoặc thứ gì đó giống thế này:

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

— Nick Craver
nguồn

3

@Rana - Yup, đó là thuộc tính phần tử DOM và tất cả các phần tử cụ thể được kế thừa từ phần tử dom cơ bản, vì vậy chúng có thuộc tính :)

— Nick Craver

18

Hãy mệt mỏi vì điều này vì myDOMElement.idcũng có thể trả về một phần tử con với id hoặc tên của 'id'. Như đã thấy ở đây trong jsfiddle này

— bhattamer

20

Có, bạn có thể nói một cách đơn giản:


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

Kiểm tra này: Thuộc tính ID | tài sản id

— Morteza Manavi
nguồn

15

Điều này cũng sẽ làm việc:

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

(Nếu phần tử có đoạn 1 trong tài liệu của bạn)

— bánh rán
nguồn

getElementsByClassNamekhông được hỗ trợ trong IE (trước IE9).

— dùng113716

Đó là một sai lầm.

— Mete 'getEuityByTagName

4

Cách siêu dễ là

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

Hãy cho tôi biết nếu điều này giúp

— Tj Laubcher
nguồn

1

Trong xử lý sự kiện, bạn có thể nhận id như sau

function show(btn) {
  console.log('Button id:',btn.id);
}

<button id="myButtonId" onclick="show(this)">Click me</button>

Mở rộng đoạn trích

— Kamil Kiełczewski
nguồn

0

Bạn cần kiểm tra nếu là một chuỗi để tránh lấy phần tử con

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

— Xavier Felipe
nguồn

-2

Điều này nhận và cảnh báo id của phần tử với id "ele".

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

— Jesper Engberg
nguồn

9

Nếu bạn biết id, sự cần thiết của dòng này là gì?

— shafeeq

Đối với mục đích minh họa. Mã không phải luôn luôn là có thật.

— Graham

-4

Đúng. Bạn có thể nhận được một phần tử bằng ID của nó bằng cách gọi document.getElementById. Nó sẽ trả về một nút phần tử nếu được tìm thấy, và nullnếu không:

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

— unixmiah
nguồn