Get CSS property from a dynamically added element

Asked Aug 01 '17 at 23:41

Active Aug 01 '17 at 23:41

Viewed 34 times

I have an dynamicly added div that I am calling to my page via a javascript tag added to the bottom from a third party plugin. I want to check if this element has the css value display:none or block. Im having trouble accessing the elements info I think because it was rendered to the page after my script. is there a way to check for this? i tried this:

if($('.element').css('display') == 'none') {
    alert("none");
} else { 
    alert("block");
}

asked Aug 01 '17 at 23:41

nick

1,160
1
18
35

Dynamically added elements should be available just like standard ones. When is your check running, before or after the element is added to the page? – General_Twyckenham Aug 01 '17 at 23:43
No there is no errors, and I put my script at the bottom after everything. – nick Aug 01 '17 at 23:44
Do you want to see the script that is used to call it to the page, or how it renders after page load? – nick Aug 01 '17 at 23:47
1

Try this: if($('.element').is(':visible')){ alert('Showing') } else{ alert('Not showing') } – Ulrik McArdle Aug 01 '17 at 23:47
@Ulrik McArdle works, thank you! answer as question ill up vote it if you want.Thanks! – nick Aug 01 '17 at 23:50

Get CSS property from a dynamically added element

0 Answers0