I was going through jQuery functions.

Lets take this as an example:

/

If you do 'Inspect Element' on your browser, you can see the height of the div changing. The height takes decimal values of pixels. How to do that with javaScript?

I was going through jQuery functions.

Lets take this as an example:

http://api.jquery./slideUp/

If you do 'Inspect Element' on your browser, you can see the height of the div changing. The height takes decimal values of pixels. How to do that with javaScript?

• javascript
• jquery
• css
• pixel

• 2 How about just trying it to see? Also, please be careful with w3schools. – Pointy Commented May 12, 2013 at 13:33
• @POinty, Thats okay! I am not talking about w3schools here. PLease help me with my doubt! – Navneet Saini Commented May 12, 2013 at 13:35
• 1 I have done it lot's of times, i don't think it actually works tho? – iConnor Commented May 12, 2013 at 13:36
• @Connor, How jQuery does it then? – Navneet Saini Commented May 12, 2013 at 13:38
• When you say "in decimals", do you mean values like "100.23"? Just use such values directly in calls to .css(), .width(), etc. – Pointy Commented May 12, 2013 at 13:39

2 Answers 2

Don't look things up on W3Schools, they are a bad source. In general, when you want to know something like this, just look at the specification. Lengths are <number>s, which can include fractional values.

you can write it like this:

<script>
function auto(){
    var obj=document.getElementById("d");
    var height=parseFloat(obj.style.height);
    obj.style.height=height-10+'px';
}   

<button value="change" onclick="auto()"></button>
<div id="d" style="border:thick solid black;width:200px;height:200px;"></div>