I have a html code:
<div id="id0" class="class0">
<span> "1" </span>
<span> "2" </span>
<span> "3" </span>
</div>
The question is how can I get 1,2,3 as a list using javascript?
I tried: document.getElementById and document.getElementsByClassName But none works.
You can use map
and then remove the quoted marks
to get only the number list
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Test</title>
</head>
<body>
<div id="id0" class="class0">
<span> "1" </span>
<span> "2" </span>
<span> "3" </span>
</div>
<script>
console.clear();
const selectors = document.querySelectorAll('#id0 > span');
const list = [...selectors].map(span => parseInt(span.innerText.replace(/"/g,"")));
console.log(list)
</script>
</body>
</html>
You can use map()
on children
on container div
const cont = document.getElementById('id0');
const res = [...cont.children].map(x => x.innerHTML);
console.log(res)
<div id="id0" class="class0">
<span> "1" </span>
<span> "2" </span>
<span> "3" </span>
</div>
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With