Select Parent DIV if i dont know the id?

[Raiikou]

Hello, I have a question:
I create a div, but my “platform” after executes the javascript, it creates a general div for all the elements that have been created using javascript. And it sets by default width and height(400, 200).

My div has 400 width, but I need auto height because I need to expand it automatically if I add new elements.

This is how looks on inspector:
https://puu.sh/B4zcC/3b9f90e19f.png

The problem is everytime the page loads, that div class number changes, so I can’t refer to it. My div is appended to auto-generated by default so…

Is there any way to select the parent of my div id= upholder?
And then modify the height to auto of the auto-generated div.

Actually, when I add items to my div, it looks like cut, because the “parent” div has 200 height.

Thanks!!

[m3g4p0p]

@Raiikou

Is there any way to select the parent of my div id= upholder?
And then modify the height to auto of the auto-generated div.

You can get the parent node via the property of that name:

document.getElementById('upholder').parentNode.style.height = 'auto'

// Or just remove the height inline style to fall back to the CSS:
document.getElementById('upholder').parentNode.style.height = ''

But if that div gets created dynamically with JS it may not be available from the start, so you’ll have to find a way to wait for that element to be appended to the document.

[Raiikou]

@m3g4p0p

document.getElementById(‘upholder’).parentNode.style.height = ‘auto’

Worked like a charm!!
Awesome!

Thanks

[m3g4p0p]

Glad I could help! :-)

[computerbarry]

@m3g4p0p

document.getElementById(‘upholder’).parentNode.style.height = ‘auto’

I was going to mention querySelector

Does it make any difference using getElementById over querySelector, or vice versa?

Barry

[m3g4p0p]

@computerbarry

Does it make any difference using getElementById over querySelector , or vice versa?

No, not really… getElementById() is slightly faster, but that shouldn’t matter in any real-world application. Personally I just like to use getElementById() to express more clearly when I’m interested in that unique element, rather than the first element that happens to match the selector.

[Raiikou]

When I use getElementById I feel more comfortable because I know I’m referring only to that element
querySelector feels like “70-80%” accurate.

[m3g4p0p]

LOL but no I think you’re confusing this with the quantumSelector(), which simultaneously both does and does not find a match until its result gets accessed. :-P