반응형
몇년 전 교육받을때 작성했던 예문인데 javascript는 한가지 예문에도 포함된 내용이 많은 것 같다.
주 기능은 글자 색 변경하기지만
onfocus 이벤트로 선택된 아이템의 id 값을 보내고,
document 선택자를 이용하여 스타일을 바꿔준다.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | <script> function setColor(color){ document.getElementById(color).style.background="red"; } </script> </head> <body> 오늘 저녁에 먹을 음식은?: <input type="text" onfocus="setColor(this.id)" id="first"><br /> 디져트로는 무얼 먹을거죠?: <input type="text" onfocus="setColor(this.id)" id="name"> </body> | cs |
728x90
반응형
'JavaScript, jQuery, Java' 카테고리의 다른 글
| 같은 이름의 중복 Class 제어 (0) | 2017.12.19 |
|---|---|
| ul, li id사용 (0) | 2017.12.19 |
| jQuery 선택자 class / id (0) | 2017.12.19 |
| 체크박스 중복 체크 방지 (0) | 2017.12.19 |
| InputStreamReader (0) | 2017.12.19 |
댓글