javascript 查找包含部分文本的 id答案

【问题标题】：javascript find an id that contains partial textjavascript 查找包含部分文本的 id
【发布时间】：2017-11-24 18:49:46
【问题描述】：

环境：只有 JavaScript

有没有办法获取包含部分文本的元素？

<h1 id="test_123_abc">hello world</h1>

在这个例子中，如果我只有test_123 部分，我可以得到元素吗？

【问题讨论】：

【解决方案1】：

由于你不能使用 Jquery，querySelectorAll 是一种下降方式

var matchedEle = document.querySelectorAll("[id*='test_123']")

【讨论】：

【解决方案2】：

querySelectorAll 与 starts with

var elems = document.querySelectorAll("[id^='test_123']")
console.log(elems.length);

<h1 id="test_123_abc">hello world</h1>
<h1 id="test_123_def">hello world</h1>
<h1 id="test_123_ghi">hello world</h1>

【讨论】：

【解决方案3】：

您可以通过使用 querySelectorAll 来实现它（不使用 jQuery）。

var el = document.querySelectorAll("[id*='test_123']");

您可以通过以下链接获得一个清晰的示例：
Find all elements whose id begins with a common string

【讨论】：