Javascript：如何通过ID获取多个span元素？

我有几个跨度元素，它们以相同的id开头，如下所示

<span id="graph_machine" 
<span id="graph_human" 
<span id="graph_custom" 

我想在Javascript函数中以数组的形式访问这3个Span元素

var elems=document.getElementsByIdgraph*

但是GetElementsByd不支持返回多个值。有什么建议吗？也许使用不同的函数和一些通配符

谢谢。

使用：

它将返回id属性值以graph开头的任何元素的节点列表。

使用：

---

这将返回id属性值以graph开头的任何元素的节点列表。

您可以获得所有跨度，然后分别检查每个id：

var spans = document.getElementsByTagName("span");
var graphSpans = [];
for (var i = 0; i < spans.length; i++) {
    if (spans[i].id.substring(0,5) === "graph") {
        graphSpans.push(spans[i]);
    }
}

---

您可以获取所有跨度，然后分别检查每个ID：

var spans = document.getElementsByTagName("span");
var graphSpans = [];
for (var i = 0; i < spans.length; i++) {
    if (spans[i].id.substring(0,5) === "graph") {
        graphSpans.push(spans[i]);
    }
}

用jquery试试这个

$("span").each(function(){
console.log($(this).attr('id'));
});

演示

用jquery试试这个

$("span").each(function(){
console.log($(this).attr('id'));
});

演示

---

尝试获取所有span ID，然后检查span ID是否以图形开头

var spans = document.getElementsByTagName("span");
var graphSpans = new Array();
for (var i = 0; i <= spans.length; i++) {
   if (spans.id.startsWith("graph")) {
      graphSpans.push(spans[i]);
   }
}

---

尝试获取所有span ID，然后检查span ID是否以图形开头

var spans = document.getElementsByTagName("span");
var graphSpans = new Array();
for (var i = 0; i <= spans.length; i++) {
   if (spans.id.startsWith("graph")) {
      graphSpans.push(spans[i]);
   }
}

---

如果您使用jQuery，您可以使用$span[id^='graph']

如果您使用jQuery，您可以将$span[id^='graph']

与常规JavaSCript一起使用，这可能是不可能的。使用jQuery这很容易。@johncode如果用JavaScript做不到的事情，用jQuery做不到的事情就更难了。用常规JavaScript做不到这一点。使用jQuery这很容易。@johncode如果JavaScript不可能实现某些功能，那么使用jQuery就更不可能了。a问题b中没有提到jQuery，即使有，这与问题询问的内容完全不同a问题b中没有提到jQuery，即使有，这和问题的内容完全不一样asks@Givi-谢谢你的编辑。复制/粘贴失败：这比我的答案要好。使用它。@Givi-谢谢您的编辑。复制/粘贴失败：这比我的答案要好。用这个。