javascript - 如何在没有任何ID的情况下以javascript DOM中ul和li中的某个元素为目标

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

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);

最佳答案

我猜您将至少需要定义一个逻辑来确定何时需要将元素着色为绿色。我宁愿通过示例来说明自己，如果您的规范严格为数组中的第二个元素上色，那么只需在for循环中跟踪第二个插入...

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

   if(i == 1)
      nav111.style.background = "Green";
}

但是，如果规格指示它取决于商品名称...“美国”，则将条件表达式更改为...

if(arr1[i] == 'United States')