2013-04-01 4 views
0

경고에 표시 할 때 값 1을 표시하지만 해당 값을 div에 할당하면 페이지에 값이 표시되지 않습니다.HTML div 값이 표시되지 않습니다

<html> 
    <head> 
     <script src="jquery-1.6.2.min.js"></script> 
     <script > 


     var ad = ['a', 'b', 'c', 'a', 'd', 'e', 'a']; 
     var con=document.getElementById('data'); 
     var inds = $.map(ad, function(v, i) { 
      //$("data").html(v); 
      return v == 'b' ? i : null; 
     }); 
     //con.innerHTML=inds; 

     alert(inds); // 0,3,6 

     var avr1=inds; 
     con.innerHTML=avr1; 
     </script> 


    </head> 
    <body> 
     <div id="data"></div> 
    </body> 
</html> 
+0

는이 코드를 실행하고 당신이 요소가되기 전에 exsists 있는지 확인하기 위해 document.ready 내에서 실행해야 데이터 사업부 –

+0

에서 1''넣어 그것에 접근하는 것을 시도한다 –

+0

@DeadMan 나는 그것에있는 1 개를 경고하고 또한 웹 페이지에 div에서 보여준 ㄴ다는 것을 의미한다 –

답변

0
<html> 
    <head> 
     <script src="jquery-1.6.2.min.js"></script> 
    </head> 
    <body> 
     <div id="data"></div> 
     <script> 


      var ad = ['a', 'b', 'c', 'a', 'd', 'e', 'a']; 
      var con=document.getElementById('data'); 
      var inds = $.map(ad, function(v, i) { 
       return v == 'b' ? i : null; 
      }); 

      alert(inds); // 0,3,6 

      var avr1=inds; 
      con.innerHTML=avr1; 
     </script> 
    </body> 
</html> 
+0

Sudhir의 답변이 맞습니다. 당신은 시체의 끝에 스크립트를 넣어야합니다. – mabsp

1
$(document).ready(function(){ 
    var ad = ['a', 'b', 'c', 'a', 'd', 'e', 'a']; 
    var inds = $.map(ad, function(v, i) { 
     return v == 'b' ? i : null; 
    }); 

    $('#data').html(inds.join(',')); 
}); 

난 그냥 내 대답을 업데이 트했습니다. A는 jsfiddle demo

+0

Ca n 출력을 볼 수 있습니다 : http://jsfiddle.net/eJbaT/? –

+0

@DeadMan 방금 내 대답을 업데이트했습니다 .. 이제 작동 중입니다 .. –

+0

최신'jQuery'를 포함 시키면 효과가있었습니다. 코드는 이미 괜찮습니다. http://jsfiddle.net/eJbaT/5/ –

0

당신이 jQuery를 사용하는 등, 같은 $(document).ready(function() ..에 포장 참조 :

$(document).ready(function() { 
    var ad = ['a', 'b', 'c', 'a', 'd', 'e', 'a']; 
    var inds = $.map(ad, function(v, i) { 
     return v == 'b' ? i : null; 
    }); 
    $("#data").html(inds); 
}); 

또는 body 태그의 끝 부분에 해당 스크립트를 추가 참조 : Demo

+0

출력을 볼 수 있습니까 : http://jsfiddle.net/eJbaT/? –

+0

@DeadMan 아무 대답도 표시하지 않습니다. jsfiddle.net –

+0

@ShahzadAli 그것이 내가 대답 한 사람에게하는 말입니다. –

0

다음 코드가 작동 알았어. 확인해 봤어.

<script src="jquery-1.6.2.min.js"></script> 
     <script > 

     var ad = ['a', 'b', 'c', 'a', 'd', 'e', 'a']; 
     var con=document.getElementById('data'); 
     var inds = $.map(ad, function(v, i) { 
      return v == 'b' ? i : null; 
     }); 
     document.getElementById('data').innerHTML=inds; 
</script> 
+0

수표가없는 곳에서 jsfiddle의 링크를 줄 수 있습니까? –

관련 문제