獲取元素的ID

224

是的，你可以只使用的.id property，例如：

myDOMElement.id

或者說，這樣的事情：

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

來源

2010-09-02 00:55:10

+0

和.ID與所有html標籤的作品？ – Rana 2010-09-02 00:58:24

+3

@Rana - 是的，它是一個DOM元素屬性，並且所有特定元素都從基本dom元素繼承，所以它們具有屬性:) – 2010-09-02 00:59:09

+11

因爲'myDOMElement.id'也可以返回帶有id的子元素或'id'的名字。如此處所示[在此jsfiddle中]（http://jsfiddle.net/yY4xz/1/） – 2013-10-02 12:45:38

13

這將工作太：

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

（如果元素在您的文檔中的第1段）

來源

2010-09-02 00:55:35 donohoe

+0

IE（IE9之前）不支持'getElementsByClassName'。 – user113716 2010-09-02 01:06:17

+0

這是一個錯誤。 Meant'getElementByTagName'用於處理標記 – donohoe 2010-09-02 01:37:59

+2

它的getElementsByTagName – 2010-09-02 08:30:05

18

是的，你可以簡單地說：


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

檢查了這一點： ID Attribute | id Property

來源

2010-09-02 00:59:21

0

這得到和警報與元素的ID id「ele」。

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

來源

2015-12-05 14:26:22

+5

如果您知道id，那麼這行代碼的需要是什麼？ – shafeeq 2016-05-20 09:35:56

0

超級簡單的方法是

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

告訴我，如果這有助於

來源

2016-07-06 08:14:08

-1

是。你可以通過調用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

來源

2016-07-06 08:27:13 unixmiah

0

您需要檢查是否是一個字符串，以避免受到子元素

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

來源

2017-03-06 17:42:10

回答

相關問題