Answers for "js select by data attribute"

how to select data attribute in javascript

const link = document.querySelector('[data-link="1"]');

Posted by: Guest on April-07-2021

how to select data attribute in javascript using queryselectorAll

<!DOCTYPE html>
    <html>
        <head></head>
        <body>
            <p data-foo="0"></p>
            <h6 data-foo="1"></h6>
            <script>
                var a = document.querySelectorAll('[data-foo]');

                for (var i in a) if (a.hasOwnProperty(i)) {
                    alert(a[i].getAttribute('data-foo'));
                }
            </script>
        </body>
    </html>

Posted by: Guest on December-06-2020

Source

select by data attribute