如何使用开关更改createTextNode值

Question

从web api中，我获得了天气状况和我想要更改为图标的天气状况。现在它会打印条件--比如"clear“。我想要更清晰的图标。

let oras = document.createTextNode(weathers.forecastTimestamps[i].conditionCode);
col1.appendChild(oras);

使用这个方法，我将变量oras附加到列中，这样我就可以打印出一切正常的结果。但是，当我尝试切换任何更改时，我首先会尝试翻译它

                    switch (oras) {
                    case "clear":
                    oras = "Giedra";
                        /*let icon = createElement('i');
                        icon.classList.add("fas","fa sun");
                        icon.appendChild(col1);*/
                        break;
                    case 'sunny':
                    oras = "Sauleta";
                    break;
                }

但是什么都没有发生，没有错误

https://pastebin.com/nqBHT8Gd

这里有一个完整的代码代码，从天气函数开始，我在过去的一个小时里一直试图解决这个问题。

Answer 1

在将oras的值插入到DOM中之后，您将更改它，但为时已晚。它必须在以下情况之前完成：

​

let oras;

switch (weathers.forecastTimestamps[i].conditionCode) {
  case "clear":
    oras = "Giedra";
    /*let icon = createElement('i');
    icon.classList.add("fas","fa sun");
    icon.appendChild(col1);*/
    break;
  case 'sunny':
    oras = "Sauleta";
    break;
}

col1.appendChild(document.createTextNode(oras));

​