如何基于部分字符串获取Javascript getElementById？

Question

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

这里有一段代码。

/path-to-api/

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