Using querySelector on Node

I am doing something like:

const nodeList: NodeList = document.querySelectorAll(".foo");
const nodes = [...nodeList];
const result = nodes.map((n: Node) => n.querySelector("span"));

const nodeList: NodeList = document.querySelectorAll(".foo");
const nodes = [...nodeList];
const result = nodes.map((n: Node) => n.querySelector("span"));

const nodeList: NodeList = document.querySelectorAll(".foo");
const nodes = [...nodeList];
const result = nodes.map((n: Node) => n.querySelector("span"));

const nodeList: NodeList = document.querySelectorAll(".foo");
const nodes = [...nodeList];
const result = nodes.map((n: Node) => n.querySelector("span"));

The above will not work because

querySelector

querySelector

querySelector

querySelector is not from

Node

Node

Node

Node, but rather

Element

Element

Element

Element. Is there any good way to do this without manually tossing around Nodes?

Using querySelector on Node

Similar Threads

Similar Threads

Similar Threads