자바스크립트 클릭한 값 가져오기 - jabaseukeulibteu keullighan gabs gajyeoogi

728x90

반응형

함수에 매개변수로 id값을 보낸 후 alert 띄우기,, 갸꿀?!

<button id="1" onClick="reply_click(this.id)">B1</button>

<button id="2" onClick="reply_click(this.id)">B2</button>

<button id="3" onClick="reply_click(this.id)">B3</button>

<script type="text/javascript">

function reply_click(clicked_id)

{

alert(clicked_id);

}

</script>

728x90

반응형

저작자표시

'[YOGOJOGO]' 카테고리의 다른 글

• 일상(Daily)
• 여행(Travel)
• 코딩(Coding)
• 정보(Info)

• • 냠냠로드

• • 여행줍줍

• • HTML &
    CSS &
    JAVASCRIPT
    

• • 꿀팁/노하우
  • 오류/문제해결
  • 디자인/리소스

I'm

Developer, Designer, Photographer

GET IN TOUCH

• Buk-gu, Busan, Republic of Korea
• Kakao ID : Ungdoli

Your message has been sent. Thank you!

(즐거웅코드) 자바스크립트 버튼 클릭 시 자기 자신의 id 가져오기

· 즐거'웅' 코드 (Source)/HTML & CSS & JAVASCRIPT
2021. 5. 17. 13:29

반응형

[즐거'웅'코드] 목차

1. 예제 소스
2. 구현 예시

예제 소스

<button id="apple" onclick="test(this)">사과</button>
<button id="banana" onclick="test(this)">바나나</button>
<button id="melon" onclick="test(this)">메론</button>
<script>
function test(e) {
alert(document.getElementById(e.getAttribute('id')).getAttribute('id'));
}
</script>

구현 예시

반응형

저작자표시

'· 즐거'웅' 코드 (Source) > HTML & CSS & JAVASCRIPT' 카테고리의 다른 글

관련글

• (즐거웅코드) 자바스크립트 http 접속 시 https로 전환시키기 2021.05.19

• (즐거웅코드) 제이쿼리 버튼 클릭 시 자기 자신의 id 가져오기 2021.05.18

• (즐거웅코드) CSS로 말풍선 만들기 2021.05.16

• (즐거웅코드) CSS로 화살표 만들기 2021.05.15

댓글

비공개

1 ··· 123 124 125 126 127 128 129 130 131 ··· 550