Wait for javascript to render element into DOM to then see the height of the appended element

Suggested answers to posted questions don’t really show a solution to a very common issue. I haven’t seen a method of having javascript render an element into the DOM and then looping back to read the properties of the inserted element.

I’m working on a custom text scroller. My code appends divs with the words from an array like so:

wordsArray.forEach((word, index) => {
    $('#adjective').append(`<div style='opacity: ${index === 0 ? 1 : 0};'>${word}</div>`)
})

Without explicitly stating the height of the div, I’d like to read the div’s height once it’s already painted in the DOM. I’d like the forEach loop to finish, to then read one of the divs inside #adjective element. I don’t want to use setTimeout.

Any help is greatly appreciated!