如何设置图像 src 的变量并在 javascript 函数中使用？ [关闭]答案

【问题标题】：How to set variable of image src and use in javascript function? [closed]如何设置图像 src 的变量并在 javascript 函数中使用？ [关闭]
【发布时间】：2020-11-18 21:50:52
【问题描述】：

如果我有这样的代码

If(sceneA){document.getElementById("divA").src="A.png";}
 If(document.getElementById("divC")=="A.png"){document.getElementById("divB").src="B.png";}//And alot of codes here

如何使用 var 来缩短字符串，例如

document.getElementById("divA").src="A.png" document.getElementById("divB").src="B.png"

所以我可以在 (IF) 和 {function} 中使用它们

因为他们必须在代码中重复很多次。

非常感谢！

【问题讨论】：

将 DOM 元素分配给变量 var divA = document.getElementById("divA")。然后你可以使用If (sceneA) { divA.src='A.png'}。
这很好，尽管我必须用这种方式在变量中设置很多 div。与否决的人相比，仍然非常感谢 =)

标签： javascript image if-statement variables src

【解决方案1】：

这正是函数的用途。定义一个重复代码块的函数如下：

function setSrc(divName, imgName){
    document.getElementById("div"+divName).src = imgName+".png";
}

function srcEquals(divName, imgName){
    return (document.getElementById("div"+divName).src == imgName+".png");
}

然后你可以用这个替换你的代码：

if(sceneA){setSrc("A","A");}
if(srcEquals("C", "A")){setSrc("B","B");}

【讨论】：

哇，这太聪明了！这是否意味着我可以在 if 和函数中使用 setsrc 和 srcequals，反之亦然？感谢您不反对并理解我的需求，然后提交了一个很好的答案。我是一个非常基本的初学者，从来没有想过这个好方法，这就是我问一个问题的原因。非常感谢！
是的，您可以在任何地方使用它们。我在问题中看到您的代码的一个问题是这一行：document.getElementById("divC")=="A.png"。我认为您打算编写 document.getElementById("divC").src=="A.png"。但它仍然不起作用，因为 .src 将为您提供 src 图像的完整路径。如果你点击了那个块，你应该发布另一个关于那个的问题。