Javascript HTML div值未显示

Javascript HTML div值未显示,javascript,html,variables,Javascript,Html,Variables,我有一个变量,当我在alert中显示时,它会显示值1,但当我将该值赋给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.

我有一个变量,当我在alert中显示时,它会显示值1,但当我将该值赋给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>
 <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>

变量ad=['a','b','c','a','d','e','a'];
var con=document.getElementById('data');
var inds=$.map(ad,函数(v,i){
//$(“数据”).html(v);
返回v==“b”?i:null;
});
//con.innerHTML=inds;
警报(inds);//0,3,6
var avr1=inds;
con.innerHTML=avr1;

我刚刚更新了我的答案。在使用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);
});
 <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>
或者在
正文
标记的末尾添加该脚本
请参阅:

以下代码工作正常。我已经检查过了

 <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>

 <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>

变量ad=['a','b','c','a','d','e','a'];
var con=document.getElementById('data');
var inds=$.map(ad,函数(v,i){
返回v==“b”?i:null;
});
document.getElementById('data').innerHTML=inds;

变量ad=['a','b','c','a','d','e','a'];
var con=document.getElementById('data');
var inds=$.map(ad,函数(v,i){
返回v==“b”?i:null;
});
警报(inds);/0,3,6
var avr1=inds;
con.innerHTML=avr1;

我运行了此代码,它将
1
放在数据分区中。您应该在文档中运行它。在尝试访问之前,准备好确保元素存在了吗it@DeadMan我的意思是,它在警报中显示1,在web上的div中也显示1page@lesusSonesson你能写出所有的代码吗work@ShahzadAli这就是我要对Answer说的d、 @ShahzadAli更新到最新jQuery版本,应该可以正常工作fine@DeadMan谢谢,你能帮我把这个打印出来并在JSFIDLE中编辑吗please@ShahzadAli请参阅更新版中添加的演示JSFIDLE链接answer@Sudhir检查此链接这是我想要的变量,但它不显示在您有检查的地方不工作您可以给出JSFIDDLET的链接吗如果你想包含最新的
jQuery
,那么这个代码已经很好了。@ShahzadAli我刚刚添加了一个答案。检查Sudhir的答案是否正确。你应该把脚本放在正文的末尾。