得到一个元素的id

时间:2010-09-02 00:52:12

标签: javascript html

是否有其他方法可以获取DOM元素的ID?

element.getAttribute('id')

8 个答案:

答案 0 :(得分:270)

是的,您可以使用.id propertydom element,例如:

myDOMElement.id

或者,像这样:

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

答案 1 :(得分:19)

是的,您可以简单地说:


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

检查一下: ID Attribute | id Property

答案 2 :(得分:13)

这也可行:

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

(如果文档中第1段的元素)

答案 3 :(得分:3)

Super Easy Way

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

告诉我这是否有帮助

答案 4 :(得分:1)

在事件处理程序中,您可以按以下方式获取ID

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

答案 5 :(得分:0)

您需要检查是否为字符串以避免获取子元素

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

答案 6 :(得分:-2)

这将使用id&#34; ele&#34;获取并警告元素的id。

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

答案 7 :(得分:-3)

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