JavaScript改變div鏈接的顏色

Question

這看起來很簡單，但是Im是JavaScript的新手。我在我的頁面上有一個鏈接。當你點擊這個鏈接時，會發生2件事。 1）使用html頁面跳轉到頁面上引用的錨標籤的位置。 2）保存鏈接的div改變其背景顏色。

HTML

<a href="#abcd" onclick="makeRed(this.href);">Link to div on page</a> 

<div id="abcd"> 
    <a name="abcd">Not a clickable link.</a> 
</div> 

JS

function makeRed(x) { 
var highlight=x.slice(-4); 
document.getElementsByName(highlight).parentNode.style.backgroundColor="red"; 
} 

螢火告訴我document.getElementsByName（亮點）.parentNode是不確定的，這是我很困惑。

Answer 1

替換

document.getElementsByName(highlight).parentNode.style.backgroundColor="red"; 

與

document.getElementsByName(highlight)[0].parentNode.style.backgroundColor="red";

因爲getElementsByName返回一個數組

Answer 2

getElementsByName返回一個列表（因此」 ......元素... 「而不是」 ...元件...」）。列表沒有父節點。

要麼使用getElementById來引用具有給定id的單個元素，要麼迭代getElementsByName返回的列表，直到找到您正在查找的確切元素。