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

관련자료

댓글 0
등록된 댓글이 없습니다.
Today's proverb
셰익스피어는 그의 작품 대부분을 빵과 버터와 생활 경비를 얻기 위해 썼다. 처음부터 위대한 일을 계획하고 노력한 끝에 위대한 업적을 남긴 사람도 있지만, 사람의 일이란 늘 생활과 연결되는 법이다. (굴드)