JSFiddle - React, Tailwind, and code Playground
HTML
<div id="thing">
</div>
<div id="otherThing">
<div id="sibling">
</div>
<div id="target9999">
</div>
<div id="nextSibling">
</div>
</div>
JavaScript
document.findElementWithIdLike = function(prefix) {
return findChildWithIdLike(document.body, prefix);
};
window.findChildWithIdLike = function(node, prefix) {
if (node && node.id && node.id.indexOf(prefix) == 0) {
//match found
return node;
}
//no match, check child nodes
for (var index = 0; index < node.childNodes.length; index++) {
var child = node.childNodes[index];
var childResult = findChildWithIdLike(child, prefix);
if (childResult) {
return childResult;
}
}
};
alert(document.findElementWithIdLike("target").id);