javascript - 如何根据部分字符串获取Javascript getElementById？

Question

这个问题已经有答案了:

ID Ends With in pure Javascript (6 个回答)

已关闭 4 年前。

我需要获取元素的 ID，但该值是动态的，只有结尾始终相同。

这是代码片段。

<TABLE ID="_MIPS-LRSYSCPU">

ID 始终以“-LRSYSCPU”结尾，则 _MIPS 是动态的。

如何仅使用 JavaScript 而不是 jQuery 获取 ID？谢谢

Answer 1

使用选择器[id$="<END OF ID HERE>"] :

const table = document.querySelector('[id$="-LRSYSCPU"]');
console.log(table);

<TABLE ID="_MIPS-LRSYSCPU">

同样，通过使用 ^而不是$ ，您可以选择属性以某个字符串开头的元素:

const table = document.querySelector('[id^="_MIPS"]');
console.log(table);

<TABLE ID="_MIPS-LRSYSCPU">

和*=选择属性包含特定字符串的元素:

const table = document.querySelector('[id*="LRS"]');
console.log(table);

<TABLE ID="_MIPS-LRSYSCPU">