Question

我正在尝试为大学创建一个简单的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>

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

如果有人能提供帮助，那就太棒了

Answer 1

这是一个有效的Fiddle。 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>

getElementById（）.innerHTML / .src

1 个答案: