for문
for(초기식;조건식;증감식){
반복문 수행문장;
....
}
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>for문</title>
<script>
function ex(){
for(var i=1;i<=100;i++){
document.write(i + " ");
}
}
</script>
</head>
<body>
<input type="button" value="click" onclick="ex1()">
</body>
</html>
버튼 클릭하면 1~100까지 출력
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>007 - for문 - 이미지 변경</title>
<script>
var imgs = ["img1.jpg","img2.jpg","img3.jpg"]
function changeImg(){
// 태그명이 img 인 요소를 배열 형태로 얻어옴
var img = document.getElementsByTagName("img");
// img[0].src = imgs[0];
// img[1].src = imgs[1];
// img[2].src = imgs[2];
for(var i=0; i<3; i++){
img[i].src=imgs[i];
}
}
</script>
</head>
<body>
<input type="button" value="click" onclick="changeImg()">
<img src="img4.jpg">
<img src="img5.jpg">
<img src="img6.jpg">
</body>
</html>
클릭하면 이미지 이미지가 바뀌게 됨
'JavaScript' 카테고리의 다른 글
| 이미지 토글 (0) | 2015.11.10 |
|---|---|
| 백그라운드 이미지 바꾸기 (0) | 2015.11.09 |
| 자바스크립트로 CSS 변경하기 (0) | 2015.11.05 |
| 홀짝 구분 (0) | 2015.11.05 |
| 더하기 빼기 (0) | 2015.11.04 |