JavaScript的for循环的问题，我有

-1

问题如下：for循环应该投入地址的数量，数到152，然后把它的详细地址如下JavaScript的for循环的问题，我有

<img src="http://pokeapi.co/media/img/1.png"> 
<img src="http://pokeapi.co/media/img/2.png">

等。我错过了什么？

var webaddress = ['<img src="http://pokeapi.co/media/img/">']; 
 
var text = ""; 
 
var i; 
 
for (i = 0; i < 152; i++) { 
 
    text += webaddress[i] + ".png"; 
 
} 
 
document.getElementById("Pokeman").innerHTML = text;

<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <title></title> 
 
    <meta charset="utf-8"> 
 
    <link rel="stylesheet" type="text/css" href="style.css"> 
 
    </style> 
 
    <script type="text/javascript" rel="script" type="script" href="script.jss"></script> 
 
    <script type="text/javascript" src='http://code.jquery.com/jquery-1.10.2.min.js'></script> 
 

 
</head> 
 

 

 
<body> 
 
    <div id="container"> 
 

 
    <p id="Pokeman"></p> 
 

 

 

 
    </div> 
 

 
</body> 
 

 
</html>

来源

2017-03-03 David Hollenbeck

您可以创建webaddress为根弦和更换内循环

var webaddress = '<img src="http://pokeapi.co/media/img/[index].png">'; 
 
    var text = ""; 
 
    for (var i = 1; i <= 152; i++) { 
 
    text += webaddress.replace("[index]", i); 
 
    } 
 
    document.write(text);

来源

2017-03-03 04:34:38

1，非常感谢 –

要设置在头部你的JavaScript - 但所引用的元素（#Pokeman）是不是在DOM尚未 - 简单的JS块移动到结束 - 前关闭车身标签。因为你使用的是jquery - 我简化了js并使用它。

编辑 - 我只是将你的img代码插入函数，以便它将呈现图像作为数字增量。

<!DOCTYPE html> 
 
<html> 
 
    <head> 
 
    <title></title> 
 
    <meta charset="utf-8"> 
 
    <link rel="stylesheet" type="text/css" href="style.css"/> 
 

 
    </head> 
 
    <body> 
 
    <div id="container"> 
 
     <p id="Pokeman"></p> 
 
    </div> 
 
    
 
    <script type="text/javascript" rel="script" type="script" href="script.jss"></script> 
 
    <script type="text/javascript" src='http://code.jquery.com/jquery-1.10.2.min.js'></script> 
 
    <script> 
 
    $(document).ready(function(){ 
 
    for (var i = 1; i <= 152; i++) { 
 
     $("#Pokeman").append('<img src="http://pokeapi.co/media/img/'+ i + '.png"/>'); 
 
    } 
 
    }) 
 
</script> 
 
    </body> 
 
</html>

来源

2017-03-03 04:24:10 gavgrif

嗯，这印:)现在我需要找出原因其未定义的 –

这将是因为网络地址只有一个值，但你是公司 - 你也需要在结束标记之前附加.png到图像url – gavgrif

编辑 - 我只是将你的img代码插入到函数中，这样它会以数字递增的方式呈现图像。 – gavgrif

JavaScript的for循环的问题，我有

回答

相关问题