0

我正在尝试为大学创建一个简单的 javascript 游戏，但无法获得我想要在屏幕上显示的内容。

我的脚本如下：

var qArray = new Array();
    qArray[0] = {image:"Images/q1.png"};
    qArray[1] = {image:"Images/q2.png"};
    qArray[2] = {image:"Images/q3.png"};
    qArray[3] = {image:"Images/q4.png"};
    qArray[4] = {image:"Images/q5.png"};

var count = 0;
var question = qArray.splice(count,1);

当我使用它时，我得到“未定义”：

document.getElementById("question").innerHTML = question.image;

当我使用它时，我什么也得不到：

document.getElementById("question").src = question.image;

我的 html 只是一个简单的 div，如下所示：

<div id = "question" align = "center">
</div>

我需要有“计数”变量，因为它会递增以显示下一个问题的下一个图像

如果有人可以提供帮助，那就太好了

4

1 回答 1

0

这是一个工作小提琴。qArray.splice() 不起作用，因为它实际上会从数组中删除该元素并返回一个新数组，而您只是在查找数组中的特定索引（更不用说您刚刚删除了要查找的元素）

这行得通。我使用了一个随机的 imgur 图像来显示它确实加载了。

<html><head></head><body>

<img src="" id="question"></img>

<script type="text/javascript">

var qArray = new Array();
    qArray[0] = {image:"http://i.imgur.com/pGpmq.jpg"};
    qArray[1] = {image:"Images/q2.png"};
    qArray[2] = {image:"Images/q3.png"};
    qArray[3] = {image:"Images/q4.png"};
    qArray[4] = {image:"Images/q5.png"};

var count = 0;
var question = qArray[count];

document.getElementById('question').src = question.image;

</script>
</body>
</html>
于 2012-05-05T14:40:31.217 回答