getAttribute 的初学者 Javascript 错误

Question

我在 google 和 stackoverflow 上进行了相当多的搜索，但由于缺乏如何提出问题的知识（或者即使我问的是正确的问题），所以很难找到相关信息。

我有一个简单的代码块，我正在尝试用它来自学 JavaScript。

var studio = document.getElementById('studio');
var contact = document.getElementById('contact');
var nav = document.getElementById('nav');
var navLinks = nav.getElementsByTagName('a');

var title = navLinks.getAttribute('title');

我想从 ID 为“nav”的元素中的链接中获取标题属性。

每当我查看调试器时，它都会告诉我 Object #没有方法 'getAttribute'

我不知道哪里出了问题。

navLinks 的节点类型和节点值返回为未定义，我认为这可能是问题的一部分，但我对此很陌生，老实说我不知道​​。

Answer 1

getElementsByTagName 方法返回一个对象数组。因此，您需要循环遍历该数组才能获取各个元素及其属性：

var navLinks = nav.getElementsByTagName('a');
for (var i = 0; i < navLinks.length; i++) {
    var link = navLinks[i];
    var title = link.title;
}

Answer 2

调用 nav.getElementsByTagName('a') 返回对象列表。并且该列表没有 getAttribute() 方法。您必须在一个对象上调用它。

当你这样做时：

navLinks[0].getAttribute('title')

那么它应该可以工作 - 你将获得第一个匹配元素的标题。

Answer 3

var navLinks = nav.getElementsByTagName('a');

getElementsByTagName 返回多个元素（因此是 Elements），因为一页上可以有多个具有相同标记名称的元素。 NodeList（它是 getElementsByTagName 返回的节点集合）没有 getAttribute 方法。

您需要访问实际需要的元素的属性。我的猜测是，这将是您找到的第一个元素。

var title = navLinks[0].getAttribute('title');