javascript variable is undefined, tho it is. why?

Question

Why do I get this (TypeError: $h is undefined) error?

    <div style="clear: both;">
        <input type="button" value="test1" onclick="test1();" />
    </div>
    <div id="box"></div>
    <div id="debug"></div>

        var $h; // also tried without "var"
        $h = $("<div/>").css("position:absolute;top:100px;width:1px;height:1px;background:red;");
        function test1() {
            var start = new Date().getTime();

            for (var i = 0; i < 10000; i++) {
                $h.css("top", (i + 4));
                $h.appendTo("#box");
            }
            var end = new Date().getTime();
            $("#debug").html(end - start);
        }

where is test1 invoked....

Arun P Johny
– Arun P Johny

2015-05-13 09:17:39 +00:00
Commented May 13, 2015 at 9:17 — Arun P Johny
– Arun P Johny, Commented May 13, 2015 at 9:17

Denys Séguret · Accepted Answer · 2015-05-13 09:22:55Z

5

The css function called with a string as argument returns the value of the style property having this name.

Of course no style property is named "position:absolute;top:100px;width:1px;height:1px;background:red;", that's why it returns undefined.

What you might want is

 var $h = $("<div/>").css({
    position:"absolute",
    top:"100px",
    width:"1px",
    height:"1px",
    background:"red"
});

edited May 13, 2015 at 9:22

answered May 13, 2015 at 9:18

Denys Séguret

384k90 gold badges813 silver badges780 bronze badges

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

1 Comment

yossi Over a year ago

Absolutely correct... stupid mistake by me :) thanks

Collectives™ on Stack Overflow

javascript variable is undefined, tho it is. why?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related