Question

我对javascript编码很新，目前正在为网站制作弹出通知，以便向用户提供反馈。我已经搜索了一下，知道有办法做到这一点，但不能让我的头缠绕它。我需要将图像位置存储到我的javascript中的变量中，我可以在我的html页面中引用该变量，使我能够根据调用的类型在我的toast通知上输出不同的图标图像（错误，更多信息，警告等））。到目前为止，这是我的代码：

<div id="toast">
    <div id ="title" style="<some styling code>"></div>
    <img id ="icon" style="<image style code>"/>
</div>

我的剧本：

function showTypeOfToast()
{
    var i = document.getElementById("toast")
    i.className = "showTypeOfToast";
    var label = "Type Of Toast";
    document.getElementById("title").innerHTML = label
    var img = "imgsrc.png";
    var iconElement = document.getElementById("icon");
    iconElement.src = img;
}

我的标题元素按预期工作，我希望图像元素以相同的方式工作。

干杯

Answer 1

将参数传递给showTypeOfToast。传递你想要展示的吐司类型。然后在函数内部定义类似：

if (type == warning)
iconElement.src = "warning.jpg";
else if (type == help)
iconElement.src = "help.jpg";

document.getElementById('imageId').src = 'x.jpg';无论如何都应该有用。

或者您可以声明：

var x = "www.yoursite.com/your-image.jpg";
var y = "www.yoursite.com/your-image2.jpg";

然后document.getElementById('imageId').src = x; 和document.getElementById('imageId').src = y; 工作

我想使用javascript变量来存储图像位置

1 个答案: