Javascript get elements child node by data attribute

Asked Jul 16 '18 at 19:30

Active Jul 16 '18 at 19:30

Viewed 479 times

Given HTML of

<div id="parent">
   <span class="child"></span>
   <span data-text=true class="child></span>
</div>

How can you retrieve specifically the <span data-text=true class="child></span> element?

var ele = document.getElementById("parent")
// ele.child...

Note - there are many of these parent elements on the page, so once you get one you want just the data-text that is a child of the element.

asked Jul 16 '18 at 19:30

user2954587

Ummm `document.querySelectorAll('[data-text="true"]')` `<--` loop over that result. – Ele Jul 16 '18 at 19:31
Replace document by `ele`. You can use query selector from any point in the dom. – scrappedcola Jul 16 '18 at 19:32
Well... `document.querySelector('#parent .child[data-text="true"]')` – Jordan Soltman Jul 16 '18 at 19:32
@scrappedcola I specifically want it for a child element. That question is for all elements with a data value – user2954587 Jul 16 '18 at 19:32
`ele.getElementsByClassName('child')` for one. or `ele.querySelectorAll('.child')` or any other selector you need. Whether all or just child it's the same difference, just adjust where in the dom you select from. – scrappedcola Jul 16 '18 at 19:34
`document.querySelectorAll('#parent [data-text="true"]');` – lealceldeiro Jul 16 '18 at 19:39

0 Answers0