Answers for "queryselector data attribute"

2

queryselector data attribute

document.querySelectorAll(`[data-name*="funnel-chart-percent"]`)
Posted by: Guest on January-18-2021
0

javascript queryselector data attribute

document.querySelector(`[data-price="50"]`)
Posted by: Guest on April-21-2021
0

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
1

queryselectorall in javascript to get data attribute value

//javascript get html data attribute
Posted by: Guest on December-05-2020
2

jquery data attribute

data attribute in jquery 

For setting attribute data to the element
Html
<p id="assign">Assigning data attribute</p>
jquery
$("#assign").data("title","firstparagraph");

Output:
<p id="assign" data-title="firstparagraph">Assigning data attribute</p>

For getting attribute data from the element
Html
<p id="assign" data-title="firstparagraph">Assigning data attribute</p>
jquery
console.log($("#assign").data("title"));
console.log($("#assign").data());

Output:
firstparagraph
{ title: firstparagraph }
Posted by: Guest on April-18-2020

Code answers related to "queryselector data attribute"

Code answers related to "Javascript"

Browse Popular Code Answers by Language