HTML Element Object vs Object

Question

Can anyone please help me why I couldn't get the right result for this code?

    Javascript:
    var items2 = $("#quadrant1");
    var coords = items2.getAttribute('coords').split(',');

    HTML:
    <map id="square_map" name="square">
        <area id="quadrant1" shape="poly" coords="206,10, 300,10, 388,10"></area>
    </map>

I've checked the typeof of items2 and it's just OBJECT, and doesn't appear to get the right HTML AREA OBJECT. All I'm after is to get the element object so I can do further manipulations like in the example to get its coords attribute value.

How do I know that it should be [object HTMLAreaObject]? I'm not sure really, but that's the typeof "this" in

$('#square_map").bind("click",function(){
var coords = this.getAttribute('coords').split(',');
... });

and it's doing its job properly with that said object. Any help would be appreciated...a lot! Thanks in advance

Does this have anything to do with your missing a quote after the list of coords? — Chris Peters
– Chris Peters, Commented Oct 17, 2012 at 10:09
Ah, no. Just a typo when I copy pasted. The problem's with the DOM/Jquery object after all. If I could vote up the answers below, I would. — Fred
– Fred, Commented Oct 17, 2012 at 11:46

bjornd · Accepted Answer · 2012-10-17 10:07:42Z

2

Because items2 is not DOM Element but jQuery object in your example. Right variant:

var items2 = $("#quadrant1");
var coords = items2.attr('coords').split(',');

or

var items2 = $("#quadrant1");
var coords = items2[0].getAttribute('coords').split(',');

answered Oct 17, 2012 at 10:07

bjornd

23k4 gold badges59 silver badges74 bronze badges

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

Comments

Reflective · Accepted Answer · 2012-10-17 10:10:20Z

1

If you need to get the original DOM Object use $('#quadrant1').get(). To implement its functionality jQuery uses it's own Objects, but always you can get a reference to the original DOM Object, as I mentioned above.

answered Oct 17, 2012 at 10:10

Reflective

3,9371 gold badge17 silver badges25 bronze badges

Collectives™ on Stack Overflow

HTML Element Object vs Object

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related