Question

基本上我试图找到最简单的方法来简单地为每个问题添加图像。如果我只是使用它，文本工作正常。但图像不显示，我是Javascript的新手。任何帮助将不胜感激。

我已经声明了一个数组如下：它应该有一个问题的图像，一个选择的答案数组和一个答案。

var questions=[
new Question("http://path/hombre.jpg",["man","day","weather","time"],"man"),
new Question("http://path/day.jpg",    ["year","thing","part/portion","day"],"year"),];

以下是填充应用中问题的功能。当然js和html中有更多的代码，但是我想知道是否有一个命令或快捷方式可以用来显示图像以及其他文本作为问题的一部分。这是函数的代码，如果它只是文本，它可以正常工作：

function populate(){
if(quiz.isEnded()){
    showScores();
}
else{

    //show question and try to put the picture here
    var element = document.getElementById("question");
    element.innerHTML = quiz.getQuestionIndex().text;

    //Show Choices
    var choices = quiz.getQuestionIndex().choices;
    for (var i=0; i< choices.length; i++){
        var element = document.getElementById("choice" + i);
        element.innerHTML = choices[i];
        guess("btn"+ i, choices[i]);
    }
    showProgress();
}
};

};

Answer 1

试试这个：

element.innerHTML = ('<img src='+choices[linkPosition]+'>');
element.innerHTML += choices[restOfContentLocation];

或者无论您存储图像路径的位置。我有点不确定问题出在哪里，但试试这个。

如何在javascript中以文本形式显示图像文件作为数组的一部分？

1 个答案: