How to get the list ID of a specific class in HTML page?

On the page there are the General class (iframe) containing classes(subclasses) that have the names(unique ID, Which changes every day on Page).

Eventually I need to get the list ID. I will be able to address (select) to the right element by ID

GENERAL CLASS :

and it already contain

SUBCLASS 1:

SUBCLASS 2:

SUBCLASS 3:

**professionals programmers gave me the following code:
VAR1:
**

var everyChild = document.querySelectorAll(".content div");

var result = [];

for (var i = 0; i<everyChild.length; i++) {

result\[i\]=everyChild\[i\].getAttribute('id');

}

console.log(result);

VAR2

const everyChild = document.querySelectorAll(".content div");

const result = […everyChild].map(elem => elem.getAttribute(‘id’));

console.log(result);

It may be easier to integrate this code into Kаtalon Studio, if there are no other ways?

**VAR3
**var elements =
document.getElementsByClassName(“c1”)

elements[0].classList

Give me somothing

no one knows what to do?

what packages should be imported?

Why it doesnt work?