通過ID更改標籤的背景顏色

Question

HTML是這樣的：

 <div class="header"> 
<ul> 
    <li> 
    <a class="abc" id="abc" href="www.testing.com">testing</a> 
    </li> 
</ul> 
</div> 

我的JavaScript是這樣的：

<script language="javascript" type="text/javascript"> 
var links = document.getElementById("abc"); 
var a = links.getElementsByTagName("a"); 
var thisLocationHref = window.location.href; 
for(var i=0;i<a.length;i++) 
{ 

    var tempLink = a[i];  

    if(thisLocationHref === tempLink.href) 
    { 
     tempLink.style.backgroundColor="red"; 
    } 
    else 
    { 
     tempLink.style.backgroundColor="blue"; 
    } 
} 

，因爲它涉及另一頁，我不能在標籤刪除ID。 我知道代碼有問題，但無法弄清楚在哪裏。 歡迎任何幫助！ 謝謝！

Answer 1

給這個id="abc"到ul從a標籤，刪除它，你的代碼將工作。

演示：http://jsfiddle.net/BgbjD/

從MDN：

element.getElementsByTagName

返回具有給定標記名稱的元素列表。搜索指定元素下的子樹 ，排除元素 本身。

所以你必須搜索ul節點。

<div class="header"> 
    <ul id="abc"> 
     <li> <a class="abc">testing</a> 
     </li> 
    </ul> 
</div> 

您的JavaScript不需要任何更改。

Answer 2

不style.background，style.backgroundColor：

var links = document.getElementById("abc"); 
var a = links.getElementsByTagName("a"); 
var thisLocationHref = window.location.href; 
for (var i = 0; i < a.length; i++) { 

    var tempLink = a[i]; 

    if (thisLocationHref === tempLink.href) { 
     tempLink.style.backgroundColor = "red"; 
    } else { 
     tempLink.style.backgroundColor = "blue"; 
    } 
}