Generate url's to an unordered list in JavaScript

Question

I have an unordered list that works, and it is as follow. but i need it to result in links instead of regular text.

working list:

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

thank you.

Sarfraz · Accepted Answer · 2012-03-11 17:57:48Z

1

Replace:

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

With:

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

You need to decide what value you would like to have for the href property of these links.

answered Mar 11, 2012 at 17:57

Sarfraz

384k81 gold badges561 silver badges613 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

l3ny Over a year ago

You both have it right. but i can only check answer once, but you both have it right thank you. both

l3ny Over a year ago

ahhhh, i need the hash to be navLinks[i] plus(+) .htm

Nicola Peluchetti · Accepted Answer · 2012-03-11 18:03:56Z

0

You mean something like

 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)

Of course you should add an href property to the link so that it leads somewhere

edited Mar 11, 2012 at 18:03

answered Mar 11, 2012 at 17:55

Nicola Peluchetti

77k32 gold badges151 silver badges197 bronze badges

2 Comments

l3ny Over a year ago

You both have it right. but i can only check answer once, but you both have it right thank you. both

l3ny Over a year ago

ahhhh, i need the hash to be navLinks[i] plus(+) .htm

l3ny · Accepted Answer · 2012-03-13 01:43:46Z

0

Thank you Sarfraz and Nicola Peluchetti. final code:

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)

answered Mar 13, 2012 at 1:43

l3ny

3652 gold badges7 silver badges20 bronze badges

Collectives™ on Stack Overflow

Generate url's to an unordered list in JavaScript

3 Answers 3

2 Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related