JAVASCRIPT / JQUERY 를 이용한 ID, NAME, CLASS 값 가져오기
컨텐츠 정보
- 12,030 조회
- 0 추천
- 목록
본문
출처 : https://codethief.io/ko/get-id-name-and-class-values-using-javascript-jquery/
jQuery 사용시
//1. By id
var name_by_id = $('#test_id').attr('name');
var class_by_id = $('#test_id').attr('class');
//2. By class
var name_by_class = $('.test_class').attr('name');
var id_by_class = $('.test_class').attr('id');
//3. By name
var id_by_name = $('[name="test_name"]').attr('id');
var class_by_name = $('[name="test_name"]').attr('class');
javascript 사용시
//1. By id
var name_by_id = document.getElementById("test_id").getAttribute('name');
var class_by_id = document.getElementById('test_id').ClassName;
//2. By class
var name_by_class = document.getElementsByClassName('test_class')[0].getAttribute('name');
var class_by_class = document.getElementsByClassName('test_class')[0].id;
//3. By name
var id_by_name = document.getElementsByName('test_name')[0].id;
var class_by_name = document.getElementsByName('test_name')[0].className;
getElementById의 element는 단수형입니다. class와 name은 복수형이고요. 주의하세요
class나 name을 중복해서 사용하시는 경우 index값 설정에 주의해서 접근하셔야합니다
관련자료
-
링크