Echo css style.overflow property with javascript

Question

solved with @jcubic code: "To get the value use $("#expand"+idxpand).css('overflow');"

I want to get the property of overflow.

   alert(document.getElementById("expand"+idxpand).style.overflow);

Onclick if div overflow is set to hidden, expand the content . If is not set to hidden, set to overflow:hidde.

 $('<div id="expand'+xpndid+'" style="position: relative;overflow-y: hidden;
max-height: 255px;"></div><a href="#" onclick="idxpand='+xpndid+';
expandimg();" >view photo</a>').prependTo('#mybox').hide().fadeIn('slow');
xpndid++; 
function expandimg(){
if (document.getElementById("expand"+idxpand).style.overflow == 'hidden')
    {
    //do things}
 else{
//set to hidden
}
}

I am unable to get the property. On alert I get empty value. Any idea?

probably ther style is applied through a stylesheet and is not added on the element's style property, use this stackoverflow.com/a/2953122/3591273 — Nikos M.
– Nikos M., Commented May 2, 2015 at 12:23
Maybe because you use an ' in your id. Thought you have to Note it like \' — Thomas Pereira
– Thomas Pereira, Commented May 2, 2015 at 12:28
Try to use jQuery $("#expand"+idxpand).css('overflow', 'hidden') — jcubic
– jcubic, Commented May 2, 2015 at 12:30
@jcubic I want to get the property, not to set. @ Nikos for alert(css(document.getElementById("expand0"))); in console log I get this error :Uncaught ReferenceError: css is not defined — CCA
– CCA, Commented May 2, 2015 at 12:46
To get the value use $("#expand"+idxpand).css('overflow'); — jcubic
– jcubic, Commented May 2, 2015 at 12:47

jcubic · Accepted Answer · 2015-05-02 12:31:36Z

1

I think that you get the wrong element, try:

<a href="#" onclick="idxpand='\'+xpndid+\'';expandimg();" >view photo</a>

answered May 2, 2015 at 12:31

jcubic

67.1k58 gold badges252 silver badges466 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

CCA Over a year ago

No need to escape quotes.

jcubic Over a year ago

@CCA You have to because it's a string inside single quote.

CCA Over a year ago

And in this case? --- $('<div id="expand'+xpndid+'" style="position: relative;overflow-y: hidden; max-height: 255px;"></div><a href="#" onclick="idxpand='+xpndid+';expandimg();" >view photo</a>').prependTo('#mybox').hide().fadeIn('slow'); xpndid++;

jcubic Over a year ago

@CCD Thats completelly different code, it's not html anymore with id where you have single quote.

CCA Over a year ago

True, I will improve my question. Your code from the comment need to be in your answer "To get the value use $("#expand"+idxpand).css('overflow');" Thanks!!!

Collectives™ on Stack Overflow

Echo css style.overflow property with javascript

1 Answer 1

5 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related