Javascript更改图标

我尝试用select元素更改图标。我已经用了2个值，但现在我需要3个

你知道这个代码有什么问题吗

var icon = document.getElementById.("marker-icon"); 
    if (type == 1) {  
        marker-icon.src = "images/icon1.png";
    } else if (type == 2) {
        marker-icon.src = "images/icon2.png";
    } else if (type == 3) {
        marker-icon.src = "images/icon3.png";
}

此代码适用于2个值，工作正常

var icon = (type == 1) ? "images/icon1.png" : "images/icon2.png";

---

尝试使用开关大小写语法

switch (type) {
    case 1:
        var icon =  "images/icon1.png";
        break;
    case 2:
        var icon =  "images/icon2.png";
        break;
    case 3:
        var icon =  "images/icon3.png";
        break;
    default:
        //default code block
        break;
}

试试这个：

var icon = document.getElementById("marker-icon"); 
if (type == 1) {  
    icon.src = "images/icon1.png";
} else if (type == 2) {
    icon.src = "images/icon2.png";
} else if (type == 3) {
    icon.src = "images/icon3.png";
}

在

getElementById

之后有一个额外的

，您使用的是

标记图标

而不是

图标

。（我假设

标记图标

是

img

标签的

id

。

它与以下内容一起工作：

var icon = document.getElementById("icon"); 
    if (type == 1) {  
        icon = "images/icon1.png";
    } else if (type == 2) {
        icon = "images/icon2.png";
    } else if (type == 3) {
        icon = "images/icon3.png";
    }

---

谢谢大家^^

在

getElementById

之后有一个

，您需要使用icon变量来设置src，而不是

标记图标

，为什么不使用type来设置新图标呢。示例

icon.src='images/icon'+type+'.png'

您可以显示

标记图标的定义位置，并显示与此相关的html。