是否有替换多个ID?

时间:2016-07-11 03:14:42

标签: javascript html class

所以我尝试在多个元素上使用相同的Id,并且...它不起作用。我查了一下,它说它不起作用。所以它说课程会更好。但它并没有帮助。这是我的剧本:

<a class="links" style="position:absolute;top:30">Link 1</a>
<a class="links" style="position:absolute;top:10">Link 2</a>

<script>
links.href = "https://google.com";
</script>

但它仍然无效。我只是做错了吗?我是以另一种方式做到的吗? 谢谢你的帮助!

编辑:对于那些不知道的人,我试图给两个链接相同的href。我实际上不打算这样做,但这只是我问题的一个例子。

1 个答案:

答案 0 :(得分:5)

如果您尝试为类"links"的所有锚点提供相同的href,那么您需要使用一种按类查找元素的DOM方法并返回它们的列表,然后你需要循环覆盖列表中的项目。

var anchors = document.getElementsByClassName("links");
for (var i = 0; i < anchors.length; i++) {
  anchors[i].href = "https://google.com";
}

我在这里使用了.getElementsByClassName() method,但您也可以使用".links"选择器ng-repeat来使用document.querySelectorAll() method