Question

How to select multiple HTML element using data attribute in JavaScript

Answer 1

<div data-id="1">div 1</div>
<div data-id="2">div 2</div>
<div data-id="3">div 3</div>

const elements = document.querySelectorAll("[data-id]");

elements.forEach(el=>{
   console.log(el.textContent);
});


    
    
/*
run:
    
"div 1"
"div 2"
"div 3"
    
*/

 

70+ SQL courses for beginners and professionals