獲取元素的 id

Question

有沒有另一種方法來獲取 DOM 元素的 ID？

element.getAttribute('id')

Answer 1

是的，您可以只使用dom 元素的.id屬性，例如：

myDOMElement.id

或者，像這樣：

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

Answer 2

是的，你可以簡單地說：

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

看看這個： ID 屬性 | id 屬性

Answer 3

這也可以：

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

（如果元素位於文檔中的第一段）

Answer 4

超級簡單的方法是

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

告訴我這是否有幫助

Answer 5

在事件處理程序中，您可以按如下方式獲取 id

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

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

Answer 6

這將獲取並提醒 id 為“ele”的元素的 id。

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

Answer 7

您需要檢查是否為字符串以避免獲取子元素

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

Answer 8

是的。 您可以通過調用document.getElementById通過其 ID 獲取元素。 如果找到，它將返回一個元素節點，否則返回null ：

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