queryselector by data attribute code example
Example 1: queryselector data attribute
document.querySelectorAll(`[data-name*="funnel-chart-percent"]`)
Example 2: javascript queryselector data attribute
document.querySelector(`[data-price="50"]`)
Example 3: 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 4: queryselectorall in javascript to get data attribute value