Getting InnerHTML from all a.username

[Quinten De Wilde]

Hi, 

Is there a way that I can extract the following data in **Chrome Devtools Console**.

Currently I do the following in the console of the chrome devtool: 

    $x("//a") 

I get a list with all the `a` tags and I need from all the `a.username` the `InnerHTML` or the `innerText`

    86: a

    87: a.username

    88: a

    89: a

    90: a.username

    91: a

    92: a

    93: a.username

    94: a

    95: a

    96: a.username

    97: a

    98: a

    99: a.username

    [100 … 198]

    100: a

    101: a

    102: a.username

    103: a

    104: a

    105: a.username

    106: a

    107: a

    108: a.username

    109: a

    110: a

    111: a.username

It's unclear for me how to proceed further into getting this. Lots of terminology makes it unclear what the `InnerHTML` is from the `a` tag and how to extract this for all the same `a.username`

    hrefTranslate: ""

    hreflang: ""

    id: ""

    innerHTML: "**Ineedthis**"

    innerText: "**Orthis**"

    inputMode: ""

    isConnected: true

    isContentEditable: false

    lang: ""

[Yang Guo]

`$x` gives you an array. You probably want to try something like `$x("//a").map(x=>x.innerHTML)`

--
You received this message because you are subscribed to the Google Groups "Chrome DevTools" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-chrome-develo...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/google-chrome-developer-tools/0ecc7e96-bae5-4d93-8db3-b8eb37e7a72cn%40googlegroups.com.

[PhistucK]

Not sure this is a Developer Tools related question... Seems a bit like a JavaScript/DOM related question (out of scope).

$x as well as $$ return an array of elements, so you can do whatever you want with this array.

$$("a.username").map(element => element.innerHTML); // will return an array of innerHTML values of a.username.

The XPath equivalent (assuming the class attribute has only username in it, no spaces) is $x("//a[@class = 'username']").map(element => element.innerHTML); but you need to familiarize yourself with XPath a bit (if you have not already) in order to cook up similarly more-complex selectors.

☆PhistucK

--

[Quinten De Wilde]

That was the trick! 

Op dinsdag 23 februari 2021 om 10:05:42 UTC+1 schreef Yang Guo: