JavaScript를 사용하여 DOM(Document Object Model) 요소의 속성을 확인하는 방법에 대해 알아보겠습니다.

요소 속성에 접근

DOM에서 요소의 속성에 접근하는 방법은 다음과 같습니다.

// 요소 선택
const element = document.getElementById('myElement');

// 속성 값 확인
const attributeValue = element.getAttribute('attributeName');
console.log(attributeValue);

위의 예시에서 getAttribute 메서드를 사용하여 요소의 속성 값을 확인할 수 있습니다.

요소 속성 변경 여부 확인

특정 요소의 속성이 변경되었는지 여부를 확인하려면 다음 코드를 사용할 수 있습니다.

// 속성 변경 여부 확인
const isAttributeSet = element.hasAttribute('attributeName');
console.log(isAttributeSet);

hasAttribute 메서드를 사용하여 특정 속성이 있는지 여부를 확인할 수 있습니다.

요약

JavaScript를 사용하여 DOM 요소의 속성을 확인하려면 getAttribute 및 hasAttribute 메서드를 사용하면 됩니다. 이를 활용하여 요소의 속성을 읽고 변경 여부를 확인할 수 있습니다.

더 자세한 내용은 MDN web docs에서 확인할 수 있습니다.

이상으로 DOM 요소 속성 확인하기에 대한 글을 마치겠습니다. 감사합니다!