textbox 글자 색 변경하기

보리하늘 2017. 12. 19. 14:08

몇년 전 교육받을때 작성했던 예문인데 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>
Colored by Color Scripter
cs

728x90

저작자표시 (새창열림)