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返回的列表，直到找到您正在查找的确切元素。