JSFiddle - React, Tailwind, and code Playground

by Qwerty_Wasd

HTML

<p data-a="aaaa" some-attribute-hello="aaaaa"></p>
<p data-a="aaa" some-attribute-hell="aaaa"></p>
<p data-a="aa" some-attribute-hel="aaa"></p>
<p data-a="a"></p>

JavaScript

function attrStartsWith(name, parent = document) { // Google Chrome
            let iterator = document.createNodeIterator(parent, 1);
            let node;
            while (node = iterator.nextNode()) {
                if (node.getAttributeNames().some(a => a.startsWith(name)))
                    return node;
            }
            return null;
        }
 
        function attrStartsWith2(name, parent = document) { // MS Edge
            let iterator = document.createNodeIterator(parent, 1);
            let node;
            while (node = iterator.nextNode()) {
                if (Array.from(node.attributes).some(a => a.name.startsWith(name)))
                    return node;
            }
            return null;
        }