이미지를 클릭하면 경고창이 발생하는 이벤트를 작성해보자
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <body> <img src="http://192.9.200.176/data/editor/1906/thumb-ad058b96ea982da1e585b56eca74359e_1559616369_7472_1000x486.jpg" width="150" height="100" onclick="dem()"> <img src="http://192.9.200.176/data/editor/1906/thumb-ad058b96ea982da1e585b56eca74359e_1559616376_1276_1000x486.jpg" width="150" height="100" onclick="dem()"> </body> <script type="text/javascript"> var imgs = document.getElementsByTagName("img"); for( var x=0; x < imgs.length; x++ ) { imgs[x].onclick = function(){ alert('Click!'); }; } </script> | cs |
'JavaScript' 카테고리의 다른 글
| id선택 후 글씨 변경하기 (0) | 2019.07.21 |
|---|---|
| 이미지클릭시 새창으로 원본이미지 보기 img태그이용 (0) | 2019.07.12 |
| ⭑버튼을 form밖으로 빼기 (0) | 2019.05.30 |
| 배열만들고 데이터넣고 꺼내기 (0) | 2019.05.25 |
| 객체만들기 (0) | 2019.05.23 |