Html & Script

JAVASCRIPT / JQUERY 를 이용한 ID, NAME, CLASS 값 가져오기

페이지 정보

본문

출처 : 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값 설정에 주의해서 접근하셔야합니다

관련자료

등록된 댓글이 없습니다.
Today's proverb
고귀한 생각과 함께 있는 자는 결코 고독한 것이 아니다.