javascript - 如何从javascript对象键在网页上显示图像

Question

我刚开始学习 JS，所以这对我来说是练习。

我有对象数组，for循环和输入按钮。

var auto = [
    {
        ime: 'Fica',
        prod: '1955-1985',
        info: 'The Zastava 750....',
        img: 'https://upload.wikimedia.org/wikipedia/commons/thumb/9/9e/Zastava_850_f.jpg/800px-Zastava_850_f.jpg'

    },

var input = document.getElementById("automobili");
var myH2 = document.getElementById("ime");
var myH3 = document.getElementById("prod");
var myH4 = document.getElementById("info");
var myH5 = document.getElementById('img');

function getInfo() {
    for (var i = 0; i < auto.length; i++) {
        if(input.value == auto[i].ime) {
            myH2.innerText = auto[i].ime;
            myH3.innerText = auto[1].prod;
            myH4.innerText = auto[i].info;
            myH5.innerText = auto[i].img;
            return;
        }    
    }

输入和循环正在工作，当我输入名称时，它会显示汽车名称、生产年份和信息，但是如何在网页上显示特定汽车的图像？谢谢 ：）

标签： javascriptimageobject

Answer 1

如果您的 myH5 是一个 img 元素，这应该可以完成工作。不确定您是否注意到您在数据中为图像 url 使用了“url”和“imgUrl”键命名约定。

myH5.setAttribute("src", auto[i].img || auto[i].imgUrl );