EN
JavaScript - get HTML elements by part of classname or id?
1 answers
0 points
How can I get HTML elements by part of classname or id using JavaScript?
I have a code similar to this:
xxxxxxxxxx1
2
<html>3
<body>4
<div id="header"></div>5
<div id="my-element1"></div>6
<div id="my-element2"></div>7
<div id="my-element3"></div>8
<script>9
// ...10
</script>11
</body>12
</html>Now what I want is to get the handle to all elements containing "my-element" inside id. and save them in an array.
I need something similar to:
xxxxxxxxxx1
document.querySelector('#my-element');but for all elements from 1-3.
1 answer
0 points
You can use querySelectorAll() method.
Practical example:
xxxxxxxxxx1
2
<html>3
<body>4
<div id="header"></div>5
<div id="my-element1"></div>6
<div id="my-element2"></div>7
<div id="my-element3"></div>8
<script>9
10
var elements = document.querySelectorAll(`div[id^="my-element"]`);11
12
for (var i = 0; i < elements.length; ++i) {13
console.log(elements[i].outerHTML);14
}15
16
</script>17
</body>18
</html>
References
0 commentsShow commentsAdd comment
