如何在Javascript中插入图像而不是使用文本？

我想使用超链接来显示图像，而不是在下面的星号文本中使用文本，但我不知道如何做到这一点。甚至可以在JavaScript中实现这一点吗？？我试着围绕这些相同的参数看其他问题，但我不知道如何翻译成我问题的答案。谢谢

var user;
var choose = function(choice) {
    user = choice;
}

var computerChoice = Math.random();
if (computerChoice < 0.34) {
    computerChoice = "rock";
}
else if (computerChoice < 0.67) {
    computerChoice = "paper";
}   
else {
    computerChoice = "scissors";
}

var compare = function(choice1, choice2) {
    if (choice1 === choice2) {
        document.getElementById("result").innerHTML = "Tie!";
    }
    else if (choice1 === "rock") {
        if (choice2 === "scissors") {
            document.getElementById("result").innerHTML = "You Win!";
        }
        else {
            document.getElementById("result").innerHTML = "You Lose!";
        }
    }
    else if (choice1 === "paper") {
        if (choice2 === "rock") {
            document.getElementById("result").innerHTML = "You Win!";
        }
        else if (choice2 ==="scissors") {
            document.getElementById("result").innerHTML = "You Lose!";
        }
    }
    else if (choice1 === "scissors") {
        if (choice2 === "rock") {
            document.getElementById("result").innerHTML = "You Lose!";
        }
        else if (choice2 === "paper") {
            document.getElementById("result").innerHTML = "You Win!";
        }
    }
    else {
        document.getElementById("result").innerHTML = "ERROR!";
    }
}

您需要输入：

document.getElementById("result").innerHTML = "<img src='yourimg' alt='yourimgtext'/>"

其中，您的img是要显示的图像。

将结果设置为文本元素以外的图像：

<img id="result" src="..." alt="Rock Paper Scissors" />

如果3个图像较大，请确保先加载它们，否则只需更改图像源即可。假设它们的名称为：win.png、lose.png和tie.png。那么您的代码将如下所示：

if (choice1 === choice2) {
    document.getElementById("result").src= "tie.png";
}
else if (choice1 === "rock") {
    if (choice2 === "scissors") {
        document.getElementById("result").src = "win.png";
    }
    else {
        document.getElementById("result").src = "lose.png";
    }
}
...

---

是否尝试用图像标记代替文本？document.getElementByIdresult.innerHTML=。也许应该这样做，确保将图像标记的src属性自定义为图像所在的URL。使用innerHTML设置文本既奇怪又糟糕。使用文本内容。

if (choice1 === choice2) {
    document.getElementById("result").src= "tie.png";
}
else if (choice1 === "rock") {
    if (choice2 === "scissors") {
        document.getElementById("result").src = "win.png";
    }
    else {
        document.getElementById("result").src = "lose.png";
    }
}
...