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>

View another examples Add Own solution

4.4

RM. 100 points

                                    //javascript get html data attribute

Thank you! 5

4.4 (5 Votes)

Are there any code examples left?

Find Add Code snippet

New code examples in category Javascript

Javascript 2023-04-21 22:52:36
Javascript 2022-03-27 22:25:20 javascript download string as file
Javascript 2022-03-27 21:40:22 sort numbers in array javascript
Javascript 2022-03-27 21:20:04 compare two arrays and return the difference javascript
Javascript 2022-03-27 21:15:02 javascript regex french phone number
Javascript 2022-03-27 21:05:03 cypress custom error message
Javascript 2022-03-27 21:00:05 create element javascript with id
Javascript 2022-03-27 20:40:57 feather icons react
Javascript 2022-03-27 20:20:01 how to make graphql request in axios
Javascript 2022-03-27 20:15:07 bootstrap validator password and confirm password

Create a Free Account

Unlock the power of data and AI by diving into Python, ChatGPT, SQL, Power BI, and beyond.

Develop soft skills on BrainApps

Complete the IQ Test

Relative searches

js queryselectorall data attribute queryselectorall in javascript to get data attribute value how to select data attribute in javascript using queryselectorAll search using an attribute in html document.queryselectorall javascript querySelectorAll dataset value javascript querySelectorAll dataset queryselectorall input with data value document.querySelectorAll('[data-target]'); js queryselectorall attribute js queryselectorall data attr js queryselectorall data atrtr javascript queryselectorall with attribute javascript foreach queryselectorall with data attribute queryselectorall dataset javascript queryselectorall get attribute queryselectorall button witj data attribute queryselectorall get div attribute value js queryselectorall data attribute = true javascript queryselectorall data attribute queryselector data attribute include javascript queryselector by data attribute value js queryselectorall select attribute querySelector by data id javascript dataset queryselector queryselector with data attribute queryselector class with attribute how to display query selector datata using queryselctorall and data attribute queryselector data attribute mdn document queryselector js query selector data queryselector attribute value queryselectorall array queryselector for data attribute get elements by attributes javascript queryselector on data attribute typescript queryselectorall data attribute vs queryselector select all attribute data javascript queryselector dataset js get element by data attribute javascript get element by attribute data js select by data attribute queryselector by data attribute vanilla javascript data selector select dataset javascrpt query selector data different thatn query select data attribute js javascript queryselector array javascript select element by data-id js queryselector data attribute javascript select data attribute select data attribute javascript get element by data value javascript find element by data attribute javascript javascript selector data- get element by data attribute javascript

how to select data attribute in javascript using queryselectorAll

Welcome Back!

Create a Free Account