<a id="test" name="Name 1"></a>
<a id="test" name="Name 2"></a>
<a id="test" name="Name 3"></a>
这个ID一直都是一样的，但名字会不同。
我需要将这些锚点标签的名字填充到列表中，例如：Name 1，Name 2，Name 3。目前为止，我已经做到了这一步：
document.write(document.getElementById("readme").name);
这行代码输出第一个锚点标签的名称。我需要一种通过ID获取多个元素的方法。
非常感谢任何帮助。
class。<a class="test" name="Name 1"></a>
<a class="test" name="Name 2"></a>
<a class="test" name="Name 3"></a>
JS
var elements = document.getElementsByClassName("test");
var names = '';
for(var i = 0; i < elements.length; i++) {
names += elements[i].name;
}
document.write(names);
document.querySelectorAll('[id=test]');
或者使用jQuery：
$('[id=test]');
#test { ... }也应该适用于所有具有id = "test"的元素。 但唯一的问题是：document.querySelectorAll('#test')（或$('#test')）- 只会返回具有此id的第一个元素。这好还是不好 - 我无法判断。但有时很难遵循唯一id标准。与其他人所说的不同，使用相同的Id属性命名多个元素不会阻止页面加载，但是当尝试通过Id选择元素时，只会返回具有指定id的第一个元素。更何况，使用相同的id甚至不是有效的HTML。
因此，请勿使用重复的id属性。如果您认为需要这样做，则应该考虑使用class。例如：
<div id="div1" class="mydiv">Content here</div>
<div id="div2" class="mydiv">Content here</div>
<div id="div3" class="mydiv">Content here</div>
注意每个元素都有一个不同的id，但是相同的class。与您上面所做的相反，这是合法的HTML语法。您为“ .mydiv”（点表示类）使用的任何CSS样式都将正确地作用于具有相同类的每个单独元素。
借助Snipplr的帮助，您可以使用此方法通过指定特定类名来获取每个元素：
function getAllByClass(classname, node) {
if (!document.getElementsByClassName) {
if (!node) {
node = document.body;
}
var a = [],
re = new RegExp('\\b' + classname + '\\b'),
els = node.getElementsByTagName("*");
for (var i = 0, j = els.length; i < j; i++) {
if (re.test(els[i].className)) {
a.push(els[i]);
}
}
} else {
return document.getElementsByClassName(classname);
}
return a;
}
以上脚本将返回一个数组，请确保你适当地进行调整。
这是我想到的一个函数
function getElementsById(elementID){
var elementCollection = new Array();
var allElements = document.getElementsByTagName("*");
for(i = 0; i < allElements.length; i++){
if(allElements[i].id == elementID)
elementCollection.push(allElements[i]);
}
return elementCollection;
}
显然，有一种约定受到了Prototype和可能其他主要JavaScript库的支持。
然而，我发现dollar sign函数已成为近乎默认的快捷方式，用于调用document.getElementById()。让我们面对它，我们都经常使用document.getElementById()。不仅需要输入时间，还会增加代码的字节数。
这是来自prototype的函数:
function $(element) {
if (arguments.length > 1) {
for (var i = 0, elements = [], length = arguments.length; i < length; i++)
elements.push($(arguments[i]));
return elements;
}
if (Object.isString(element))
element = document.getElementById(element);
return Element.extend(element);
}
你应该使用querySelectorAll，它会将每个匹配的结果写入一个数组中，并且可以通过forEach来获取单个元素。
document.querySelectorAll('[id=test]').forEach(element=>
document.write(element);
});
您不能有重复的ID。ID应该是唯一的。您可能需要使用一个专门的类。
function getElementsById(id) {
const elementsWithId = []
const allElements = document.getElementsByTagName('*')
for(let key in allElements) {
if(allElements.hasOwnProperty(key)) {
const element = allElements[key]
if(element.id === id) {
elementsWithId.push(element)
}
}
}
return elementsWithId
}
编辑，ES6胜利：
function getElementsById(id) {
return [...document.getElementsByTagName('*')].filter(element => element.id === id)
}
不允许有多个相同ID的元素，getElementById返回其ID为elementId的元素。如果不存在这样的元素，则返回null。如果有多个元素具有此ID，则行为未定义。
var elems = document.querySelectorAll("#id1, #id1, #id3");
没有重复的id，这是基础。如果你有一个html结构如下：
<a id="test1" name="Name_1">a1</a>
<a id="test2" name="Name_2">a2</a>
<a id="test3" name="Name_3">a3</a>
map()方法，您可以选择具有不同id的多个元素：const elements = ['test1', 'test2', 'test3'].map(id => document.getElementById(id));
console.log(elements);
// (3) [a#test1, a#test2, a#test3]
elements.forEach(el => el.remove());
id属性“必须在文档内唯一”。 这就是唯一标识符的整个意义，这也是为什么您不能使用DOM方法获取具有相同ID的多个元素（因为后者没有任何意义）。 - Andrzej DoylegetElementById("test").name吗？ - Ken Sharp