javascript select data attribute code example

Example 1: how to select data attribute in javascript

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

Example 2: 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>

Example 3: get data attribute javascript

// <div id="element" data-name="john"></div>

const el = document.querySelector('#element')
el.dataset.name // 'john'

Example 4: js select by data attribute

$("[attribute=value]")

Tags:

Misc Example

Recent Posts