javascript找到包含部分文本的ID

Question

环境：只是JavaScript

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

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

在这个例子中，如果我所拥有的只是test_123部分，我可以获得该元素吗？

Answer 1

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

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

Answer 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>

Answer 3

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

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

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