티스토리 뷰

HTML&CSS&Javscript&Jquery

190809 each 연습

猫猫 2019. 8. 9. 11:54
반응형
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script>
        $(document).ready(function(){
            var array = [ 
                {name: 'hanbit', link:"http://hanb.co.kr"},
                {name: 'google', link:"http://google.com"},
                {name: 'naver', link:"http://naver.com"},
                {name: 'daum', link:"http://daum.net"}               
            ];
 
            $.each(array, function(index, item){
             //each(대상, 어떻게 처리?)
             var output='';
             output+='<a href ="'+item.link+'">';
             output+="<h1>"+item.name+"</h1>"
             output+= "</a>";
             document.body.innerHTML+=output;
 
            })
        });
    </script>
 
</head>
<body>
    
</body>
</html>
http://colorscripter.com/info#e" target="_blank" style="color:#4f4f4ftext-decoration:none">Colored by Color Scripter
http://colorscripter.com/info#e" target="_blank" style="text-decoration:none;color:white">cs
반응형
저작자표시 비영리 변경금지

'HTML&CSS&Javscript&Jquery' 카테고리의 다른 글

190820 과정평가형 시험 예상문제  (0) 2019.08.20
190809 클래스 있없 체크하기  (0) 2019.08.09
190809 클릭 시 이미지 변화하기  (0) 2019.08.09
190809 버튼 배경색 자동으로 바꾸기  (0) 2019.08.09
190730 물고기 경주하기  (0) 2019.07.30