将 url 的图像分配给标签<img> html

Question

hello I have this in file index:你好，我在文件索引中有这个：

<img id="lang__Logo" class="lang__L" atl="Logo Lang">

and I want to assign an image from a file languages.json and I havethis:我想从文件 languages.json 中分配一个图像，我有这个：

"en": {
    "langdesc": "English",
    "main__l--ch1": "About Me",
    "main__l--ch2": "Estudies",
    "main__l--ch3": "Skills",
    "main__l--ch4": "Biefcase",
    "main__l--ch5": "Contact",
    "lang__Logo": "../imagenes/united-kingdom.png"

so I'm assigning url's image in this line "lang__Logo": "../imagenes/united-kingdom.png"所以我在这一行分配 url 的图像 "lang__Logo": "../imagenes/united-kingdom.png"

but it is not working, the image not show in the file index, why?但它不起作用，图像没有显示在文件索引中，为什么？ what I'm doing wrong我做错了什么

this I want:我想要这个：

Answer 1

maybe this example can help也许这个例子可以帮助

lang.js

lang = {
    "eng":{
        "lang_logo" : "img1.png",
        "text" : "English"
    },
    "esp":{
        "lang_logo" : "img2.png",
        "text" : "Spanish"
    }
}

const selectLang = document.querySelector("#selectLang")
const langImg = document.querySelector("#langImg")
const langTxt = document.querySelector("#langTxt")

selectLang.addEventListener("change", function(){
    langImg.src = lang[this.value].lang_logo
    langTxt.innerText = lang[this.value].text
})

this is the html这是 html

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <select name="" id="selectLang">
        <option value="eng">english</option>
        <option value="esp">spanish</option>
    </select>
    <img id="langImg" src="img1.png" alt="">
    <p id="langTxt">English</p>

    <script src="lang.js"></script> 
</body>
</html>

if it's not showing try to check if the img paths are correct如果未显示，请尝试检查 img 路径是否正确

将 url 的图像分配给标签<img> html

问题描述

1 个解决方案

解决方案1
1 已采纳 2021-01-13 20:13:51

将 url 的图像分配给标签<img> html

问题描述

1 个解决方案

解决方案1 1 已采纳 2021-01-13 20:13:51

解决方案1
1 已采纳 2021-01-13 20:13:51