Question

我有一个有效的无序列表，如下所示。但我需要它来导致链接而不是常规文本。

工作清单：

    var navLinks = [
        "Eggs",
        "Milk",
        "Juice",
        "Diapers",
        "Bread"
    ];

    var ul = document.createElement("ul");

    for (var i = 0; i < navLinks.length; i++) {
        ul.innerHTML = ul.innerHTML + "<li>" + navLinks[i] + "</li>";
    }

    document.body.appendChild(ul);

谢谢。

Answer 1

替换：

ul.innerHTML = ul.innerHTML + "<li>" + navLinks[i] + "</li>";

使用：

ul.innerHTML = ul.innerHTML + "<li><a href='#'>" + navLinks[i] + "</a></li>";

您需要确定您希望这些链接的href属性具有的值。

Answer 2

你的意思是

 var navLinks = [
        "Eggs",
        "Milk",
        "Juice",
        "Diapers",
        "Bread"
    ];

    var ul = document.createElement("ul");

    for (var i = 0; i < navLinks.length; i++) {
        ul.innerHTML = ul.innerHTML + "<li><a>" + navLinks[i] + "</a></li>";
    }

    document.body.appendChild(ul)

当然，您应该在链接中添加href属性，以便它可以在某处

Answer 3

谢谢Sarfraz和Nicola Peluchetti。最终代码：

var navLinks = [
    "Eggs",
    "Milk",
    "Juice",
    "Diapers",
    "Bread"
];

var ul = document.createElement("ul");
var e = ".htm";
for (var i = 0; i < navLinks.length; i++) {
    ul.innerHTML += "<li><a href='" + navLinks[i] + "" + e + "'>" + navLinks[i] + "</a></li>";
}

document.body.appendChild(ul)

在JavaScript中生成URL到无序列表的URL

3 个答案: