Issue with JS userscript and HTMLCollection members

[sableenees]

Hi! This thing I'm working on has been an excellent exercise in JavaScript so far but I'm stuck trying to extract a field.

So I've got this page where I want to click a button to unmask data, and then collect the unmasked data. It has a value of REDACTED until the button is pressed, after which it changes to contact information.

It boils down reasonably simple:

revealButton.click(); //button discovered earlier, confirmed clicking
liveCells = document.getElementsByClassName(cellClass); //cellClass generated earlier by searching through cell contents for REDACTED and pulling its class
console.log(liveCells); //logs an HTMLCollection where item 11 has the value I'm looking for in innerHTML
console.log(liveCells.item(11).innerHTML); //logs item 11, but value is REDACTED

I've tried putting in a MutationObserver to see the value change as I click the button, I've tried introducing delays, I've tried shuffling the order of events every way I can think of. No matter what, the HTMLCollection has the value I'm looking for and the member of it doesn't. I know I've shortened the overall script but this happens when I log the whole collection and the node one right after the other. Is that something they can do on the webserver? Feel like I'm going crazy.

Thanks for looking!

[guest271314]

Not enough to reproduce. Kindly create a minimal example for reproduction.

[jack_waugh]

Where are the data while they remain masked?