簡單的Javascript問題

Question

我想選擇所有元素與id命名爲singleFeed1 singleFeed10;

for (var i=0;i<10;i++){ 
    var post=document.getElementById('singleFeed'+i); 
    post.style.color='blue'; 

    if (i==4){ 
     post.style.color='red'; 
    } 
} 

它似乎沒有工作。

我的HTML

<li id=singleFeed1>aaaaaaaaaaaa</li> 
<li id=singleFeed2>vvvvvvvvvvvv</li> 
<li id=singleFeed3>dddddddddddd</li> 
<li id=singleFeed4>aqqqqqqqqq</li> 
<li id=singleFeed5>aaaaaddddaa</li> 
...... 
...... 
​ 

任何人有更好的解決方案？謝謝。

Answer 1

下一次檢查控制檯（即螢火蟲），你會發現你自己的這些類型的錯誤。

Answer 2

for (var i=1;i<=10;i++){ 
    var post=document.getElementById('singleFeed'+i); 
    post.style.color='blue'; 

    if (i===4){ 
     post.style.color='red'; 
    } 
} 

在您的原始代碼中，您嘗試獲得0-9而不是1-10。

Answer 3

在我看來，@Chris有正確的答案。不過，我會做這樣的事情：

HTML

<li id=singleFeed1 class="singleFeed">aaaaaaaaaaaa</li> 
<li id=singleFeed2 class="singleFeed">vvvvvvvvvvvv</li> 
<li id=singleFeed3 class="singleFeed">dddddddddddd</li> 
<li id=singleFeed4 class="singleFeed">aqqqqqqqqq</li> 
<li id=singleFeed5 class="singleFeed">aaaaaddddaa</li> 

的Javascript

var posts=document.getElementsByClassName('singleFeed'); 
for(var i=0;i<posts.length;i++){ 
    posts[i].style.color='blue'; 
    if(i==4){ 
     posts[i].style.color='red'; 
    } 
}