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




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

@ prop_tag.html
<strong id="ele">Tag name</string>

ele 아이디를 가진 요소가 어떤 태그를 가졌는지 아래와 같이 스크립트를 동작하여 알 수 있습니다.

@ prop_tag.js
name = $('#ele').prop('tagName');
console.log(name);

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

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




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

@ tagname.js
var ele = $('#ele');
ele[0].tagName;

// STRONG을 출력함

이 방법 역시 매우 간단합니다. 이처럼 쉽게 태그명을 얻을 수 있습니다.