2012-03-11 25 views
1

私は動作する順序付けされていないリストを持っています。しかし、私は通常のテキストの代わりにリンクが必要です。リスト作業JavaScriptで順序付けられていないリストにURLを生成する

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

はあなたに感謝します。

答えて

0

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

あなたはそれがどこか

+0

あなたはどちらも正しいです。しかし、私は一度だけ答えをチェックすることができますが、両方あなたはそれを正しくありがとうございます。両方とも – l3ny

+0

ああ、私はnavLinks [i] plus(+).htmになるにはハッシュが必要です – l3ny

1

つながるように、あなたがリンクにhrefプロパティを追加する必要がありますもちろん

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) 

のようなものが置き換え意味:

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

で:

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

これらのリンクのhrefプロパティの値を決定する必要があります。

+0

あなたはどちらも正しいです。しかし、私は一度だけ答えをチェックすることができますが、両方あなたはそれを正しくありがとうございます。両方とも – l3ny

+0

ああ、私はnavLinks [i]になるようにハッシュが必要です。(+).htm – l3ny

関連する問題