Programming

요소의 id를 얻다

procodes 2020. 5. 24. 21:33
반응형

요소의 id를 얻다


DOM 요소의 ID를 얻는 다른 방법이 있습니까?

element.getAttribute('id')

를 들어 dom element.id속성사용할 수 있습니다 .

myDOMElement.id

또는 이와 같은 것 :

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

예, 간단히 말할 수 있습니다.


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

이것을 확인하십시오 : ID 속성 | id 속성


이것도 작동합니다.

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

(문서의 첫 번째 단락이있는 요소 인 경우)


슈퍼 쉬운 방법은

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

도움이되는지 알려주세요


이벤트 핸들러에서 다음과 같이 ID를 얻을 수 있습니다.

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


자식 요소를 얻지 않도록 문자열인지 확인해야합니다.

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

이것은 "ele"라는 id를 가진 요소의 id를 얻고 알려줍니다.

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

예. 를 호출하여 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

참고 URL : https://stackoverflow.com/questions/3623110/get-an-elements-id

반응형