要素のIDを取得する


186

DOM要素のIDを取得する別の方法はありますか?

element.getAttribute('id')

回答:


290

はい、dom要素の.idプロパティを使用できます。次に例を示します。

myDOMElement.id

または、次のようなもの:

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

3
@Rana-うん、それはDOM要素のプロパティであり、すべての特定の要素は基本的なdom要素から継承するため、次のプロパティを持っています:)
Nick Craver

18
myDOMElement.idは、idまたは 'id'の名前を持つ子要素も返すことができるので、これにうんざりしています。このjsfiddleで
バッタマー


15

これも機能します:

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

(文書の最初の段落の要素の場合)


getElementsByClassNameIEではサポートされていません(IE9より前)。
user113716 2010

それは間違いでした。タグを処理する意味の「getElementByTagName」
donohoe

4

スーパーイージーウェイは

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

これが役立つかどうか教えてください



0

子要素を取得しないようにするには、文字列かどうかを確認する必要があります

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

-2

これは、「ele」というIDを持つ要素のIDを取得して警告します。

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

10
あなたがidを知っているなら、この行の必要性は何ですか?
shafeeq 2016年

説明のため。コードは常に本物である必要はありません。
グラハム、

-4

はい。を呼び出すと、IDで要素を取得できますdocument.getElementById。見つかった場合は要素ノードを返し、nullそうでない場合は次のようにします。

var x = document.getElementById("elementid");   // Get the element with id="elementid"
x.style.color = "green";                        // Change the color of the element
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.