2013-04-01 90 views
0

我有變量,當我在alert中顯示它顯示值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

我跑這個代碼,並在數據的div –

+0

把'1'你應該在的document.ready內運行,以確保該元素之前exsists試圖訪問它 –

+0

@DeadMan我的意思是它顯示1在警報和也在網頁 –

回答

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(',')); 
}); 

我剛剛更新了我的答案。看到一個jsfiddle demo

+0

Ca你看到輸出: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 –