49. (javascript/자바스크립트) this 사용해 function 함수 호출하면서 객체 id 값 넘겨주기 및 넘어온 객체 id 값 확인

/* =========================== */

[ 개발 환경 설정 ]

​

개발 툴 : Edit++

개발 언어 : javascript

/* =========================== */

​

/* =========================== */

[JS 소스 코드]

    <script>
    	/* 
    	[요약 설명]    	
    	1. this : 현재 자기 자신을 의미합니다
    	2. main(this) : main 함수를 호출하면서 자기 자신 id를 넘겨줍니다
    	3. tagId.id : 매개변수로 들어온 객체의 id 값을 확인합니다    	
    	*/
    	    	
    	
    	/* 이벤트 함수 정의 */
    	function main(tagId) {
    		
    		/* 매개변수로 들어온 태그 id 확인 실시 */
    		console.log("태그 id : " + tagId.id);
    		
    	};  	    	    	
    	
    </script>

​

​

[BODY 소스 코드]

<div id = "btn_go_container" onclick = "main(this);">
	<p id = "btn_go_txt">앞으로 이동</p>
</div>


<!-- 버튼 레이아웃 -->
<div id = "btn_back_container" onclick = "main(this);">
	<p id = "btn_back_txt">뒤로 이동</p>
</div>

/* =========================== */

​

/* =========================== */

[결과 출력]

​

/* =========================== */

​

/* =========================== */

[요약 설명]

​

/*

[요약 설명]

1. this : 현재 자기 자신을 의미합니다

2. main(this) : main 함수를 호출하면서 자기 자신 id를 넘겨줍니다

3. tagId.id : 매개변수로 들어온 객체의 id 값을 확인합니다

*/

/* =========================== */

​