getElementById() .innerHTML/.src

getElementById() .innerHTML/.src

本文关键字：src innerHTML getElementById      更新时间：2023-09-26

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

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

如果有人能帮忙，那就太好了

这是一个工作的小提琴。 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>
相关文章：