javascript - 使用 DOM 更改标签中属性名称的值

Question

我不太确定我在这里做错了什么。问题要求我们将a标签的href属性设置为https://www.zybooks.com/ .

这是给定的标签 <a href = "https://www.example.org>Link</a>

这是我的回答:

var x;
x = document.getElementsByTagName("a").href = "https://www.zybooks.com/";

出现以下错误:

测试 href 属性的值 你的和预期的不同。请参阅下面的亮点。 你的 https://www.example.org/ 预期的 https://www.zybooks.com/

我不确定为什么这是不正确的。

Answer 1

函数getElementsByTagName返回 DOM 元素的列表，而不仅仅是一个!

因此，只需使用 [0] 访问列表的第一个元素即可应该可以解决这个问题:

x = document.getElementsByTagName("a")[0].href = "https://www.zybooks.com/";

编辑:这个答案只是显示了OP原始代码中的错误。正如评论所说，使用 getElementsByTagName('a')[0]绝对不是最好的方法；使用querySelector("a")将是一个更好的方法。