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

본문 바로가기
사이트 내 전체검색


회원로그인

오늘 48
어제 370
최대 618
전체 518,416
마음을 나누는 인터넷 일기장 - 통플 다이어리
Html & Script

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

페이지 정보

작성자 nuno 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 작성일19-07-18 15:09 조회610회 댓글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값 설정에 주의해서 접근하셔야합니다

추천 0

댓글목록

등록된 댓글이 없습니다.

Html & Script 목록

Total 199건 1 페이지
Html & Script 목록
번호 제목 글쓴이 날짜 조회 추천
공지 유니코드의 명칭과 속성 nuno 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 07-13 40397 38
198 div 순서 변경 (jquery 드래그 방식) nuno 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 10-04 275 0
197 자바스크립트 javascript number_format nuno 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 09-30 267 0
196 CSS를 말 줄임 방법(text-overflow:ellipsis) 속성 이용 nuno 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 07-24 605 0
열람중 JAVASCRIPT / JQUERY 를 이용한 ID, NAME, CLASS 값 가져오기 nuno 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 07-18 611 0
194 CSS ellipsis nuno 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 07-11 577 0
193 자동 스크롤 스크립트 댓글1 nuno 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 06-04 969 0
192 css 이미지 일부분만 보여주기 nuno 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 03-29 1576 0
191 [jQuery] preventDefault(), stopPropagation() nuno 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 08-22 2212 0
190 소스보기 막기 nuno 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 06-22 2790 0
189 (자바스크립트) Base64 인코딩/디코딩 소스(UTF-8 지원) nuno 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 06-20 2960 0
188 jquery iframe 제어하기 nuno 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 06-08 2626 0
187 [펌] Web Worker - 웹에서 멀티 쓰레드 구현하기 nuno 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 05-10 2576 0
186 CSS Text & Viewport units nuno 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 12-20 3108 0
185 자바스크립트 replace / 문자열 변경하기 nuno 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 12-06 4665 0
184 날짜 및 시간 계산(JavaScript) nuno 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 11-29 5668 0
183 동적으로 select의 option생성하기 nuno 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 10-21 6061 0
182 css ul li 가로 정렬 nuno 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 10-06 5669 0
181 자바스크립트 Attr 속성 추가 ,삭제, 조회하기 nuno 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 09-29 13956 0
180 오른쪽 마우스 클릭막기, 우클릭금지 nuno 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 09-29 5857 0
게시물 검색

Copyright © nuno21.net All rights reserved. 상단으로
모바일 버전으로 보기