jQuery를 사용하여 태그 이름 가져오는 방법, tagName

제이쿼리를 사용하여 태그 이름을 가져오는 방법을 알아봅니다. 어떻게하면 태그명을 쉽게 가져올 수 있을까요? 아래에서 알아보세요!

# 제이쿼리 태그명 가져오기

현재 제이쿼리에서 태그명만 가져오는 메소드는 없습니다. 다만 prop() 메소드를 사용하면 태그명을 알 수 있는 방법이 있죠.

$(엘리먼트).props('tagName')


props() 메소드는 태그 요소의 어트로뷰티 값을 얻기 위해서 많이 쓰이지만 이와 같이 태그 이름을 얻을 수도 있습니다. 그럼 아래의 간단한 예제를 봐주세요.

! 제이쿼리 태그명 가져오기 예제보기, props()

간단한 예제를 만들어봅니다. strong 태그 요소를 props() 메소드를 사용해 태그 이름을 얻어보려고 합니다.

@ prop_tag.html

이제 id로 ele 값을 가진 요소가 어떤 태그를 가졌는지 얻기 위해서 아래와 같이 스크립트를 동작하여 알 수 있습니다.

@ prop_tag.js

출력된 결과는 다음과 같이 반환합니다.

이처럼 현재 태그명 strong을 반환합니다. 그럼 또 다른 방법은 없을까요? 아래는 순수 자바스크립트를 사용한 방법입니다.

# 순수 자바스크립트를 사용하는 방법

그렇다면 순수 자바스크립트에서는 태그명을 어떻게 알 수 있을까요? 아래와 같이 tagName 프로퍼티를 사용합니다.

@ tagname.js

이 방법 역시 매우 간단합니다. jquery의 props()와 동일하게 STRONG을 출력하게 됩니다.

여기까지 자바스크립트에서 태그명을 얻는 방법을 알아봤습니다.