abi•17mo ago

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"));

The above will not work because querySelector is not from Node, but rather Element. Is there any good way to do this without manually tossing around Nodes?

4 Replies

abi•17mo ago

Btw, my example is contrived, the real world use case is different. I really can't do it with just one querySelectorAll call in my case.

Andreu Botella (they/them)•17mo ago

even though the returned type is NodeList, only elements can match a (non-pseudo-element) selector and I don't think querySelector(All) works with pseudo-element selectors

abi•17mo ago

So I could just cast it?

Andreu Botella (they/them)•17mo ago

yeah

Chat about Deno, a modern runtime for JavaScript and TypeScript.

17KMembers

View on Discord

More Posts

Are there any plans to support an equivalent to emitDecoratorMetadata?That's it really... I appreciate that Deno doesn't emit anything, so the option would be different,Simpler way to read a file relative to current module?So I wrote a little helper function for reading the text content of a file relative to the current m error: BadResource: Bad resource IDI'm writing tests for https://github.com/deno-libs/tinyhttp/pull/9. ```js import { describe, expect Recent deployment not working?Hi there I have an api that was working just fine not sure what happen but new deployments are not w How do you get the path to a file relative to the module which is referencing it?```ts const GET_PROGRAM_QUERY = Deno.readFileSync("./GetProgram.gql"); ``` GetProgram.gql is a file Investigating memory leak after adding new app dependencyHi, I added an OpenTelemetry metrics reporting loop to a Deno program and found that Deno began leak VScode deno lint blew up again after update.It seems every time there's an extension update VScode lint blows up and will stop recognizing top l Help debugging command that doesn't exit.Is there a way to have Deno tell me what async tasks are still pending when a program ends? I'm usi import cache not workingI can't install cache of my http imports:Why isn't this error caught?Basic code example: ``` try { Deno.remove("fakefile"); } catch (err) { console.log("File doesn't