获取元素的id答案

【问题标题】：get an element's id获取元素的id
【发布时间】：2011-04-07 02:11:09
【问题描述】：

还有其他方法可以获取 DOM 元素的 ID？

element.getAttribute('id')

【问题讨论】：

标签： javascript html

【解决方案1】：

是的，您可以只使用dom element 的.id property，例如：

myDOMElement.id

或者，像这样：

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

【讨论】：

@Rana - 是的，它是一个 DOM 元素属性，所有特定元素都继承自基本 dom 元素，因此它们具有该属性:)
对此感到厌烦，因为myDOMElement.id 也可以返回id 或名称为'id' 的子元素。如此处所示in this jsfiddle

【解决方案2】：

这也可以：

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

（如果文档中第一段所在的元素）

【讨论】：

getElementsByClassName 在 IE（IE9 之前）中不受支持。
这是一个错误。意思是“getElementByTagName”用于处理标签

【解决方案3】：

是的，你可以简单地说：


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

检查一下： ID Attribute | id Property

【讨论】：

【解决方案4】：

这会获取并提醒 id 为“ele”的元素的 id。

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

【讨论】：

如果你知道id，这行需要什么？
用于说明目的。代码不必总是真实的。

【解决方案5】：

超级简单的方法是

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

告诉我这是否有帮助

【讨论】：

【解决方案6】：

是的。您可以通过调用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

【讨论】：

【解决方案7】：

你需要检查是否是字符串以避免得到子元素

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

【讨论】：

【解决方案8】：

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

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

&lt;button id="myButtonId" onclick="show(this)"&gt;Click me&lt;/button&gt;

【讨论】：