Full Stack Web Developer.
Syaku (샤쿠)

Java, JS (ES6+), Spring, Spring security, jQuery, Reactjs, Bootstrap.

        

07-12 08:23


Spring Boot 2 보기 Front-end 보기 DevOps 보기 Spring 3 보기 Spring Security 3 보기

특정 id 엘리먼트 접근하기


폼 내의 특정 id 엘리먼트에 접근이 용의한 함수입니다.
아래와 같이 test 라는 id 속성을 가진 폼 내의 title id 엘리먼트에 접근하여 value 값을 출력해보는 예제입니다.

Example Source

<form id="test">
<input type="text" id="title" value="안녕" />
</form>

 

일반적인 자바스크립트

<script type="text/javascript">
// 폼 엘리먼트 id속성에 접근
var form = document.form.test;
// input 값 출력
alert(form.title.value);
</script>

 

Action 자바스크립트

<script type="text/javascript">
// input 값 출력
alert($("test.title").value);
</script>

 

설명

$(String) 메서드는 특정 id 요소를 가진 엘리먼트에 접근하여 객체를 리턴합니다.
form 접근 :  $("test")
id 속성 접근 : $("this.title") //this 예약어를 두고 폼명과 상관없이 id 속성에 바로 접근합니다.
form.id 속성 접근 : $("test.title")

 

written by Seok Kyun. Choi. 최석균.
http://www.cyworld.com/syaku
http://syaku.tistory.com

댓글 남기기
◀ PREV 1···10111213141516171819 NEXT ▶