javascript - 如何在没有任何 ID 的情况下在 javascript DOM 中定位 ul 和 li 中的某个元素

Question

我正在尝试仅使用 javascript 创建一个导航栏(没有任何 CSS 或 HTML)。我想知道如何在没有任何 ID 的情况下定位数组的第二个元素。通过以下代码，我可以将元素“中国”变为绿色。我现在想做的是，把“美国”这个元素变成绿色。我该怎么做？

var nav1 = document.createElement("div")
nav1.style.background = "Red";

var nav11 = document.createElement("ul");
nav1.appendChild(nav11);

var arr1 = ["Countries", "United States", "Canada", "India", "China"];

for (var i = 0; i < 5; i++) {
    var nav111 = document.createElement("li");
    nav11.appendChild(nav111);
    nav111.innerHTML = arr1[i];
}
nav111.style.background = "Green";

document.body.appendChild(nav1);

Answer 1

只需将行 nav111.style.background = "Green"; 移动到 for 循环中，每个项目都会变成绿色。

如果您希望美国有此特殊情况，您必须检查 if 条件 if index is 1 or 文本为美国。

for (var i = 0; i < 5; i++) {
    var nav111 = document.createElement("li");
    nav11.appendChild(nav111);
    nav111.innerHTML = arr1[i];
    nav111.style.background = "Green";
}